VUE+element实战运用

主要来记录一下关于VUE+element做的一个公司后台管理平台中的某些功能。
直接上图吧。
1.npm安装

2.引入main.js文件中

3.开始使用 //其中一个功能弹窗功能，element的弹窗功能的原理是styl='z-index：999'，然后就是一些表单，element自己写的样式，使用这些极大减少了开发成本，少写一下CSS代码。
// :visible.sync="dialogFormVisible" 用来控制显示。dialogFormVisible要设置为
false，需要它显示时就赋值true，就会弹窗出来。

// 下拉菜单select，

<el-option
v-for="(item,i) in statuslist" //源数据
// statuslist:[
// {name:'是',id:1},
/ / {name:'否',id:0}
// ],
:key="item.i"
:label="item.name" //显示值
:value="item.id"> //实际绑定值

<el-button type="primary" @click="goadds(false)" v-if="addshow">确 定 //这里调用后台接口
<el-button type="primary" @click="goadds(true)" v-if="xiugaishow">修 改
<el-button @click="dialogFormVisible = false">取 消

选择下拉菜单中的 '是’ isUsed这个值就是1 用来传给后台