|
主要來記錄一下關(guān)于VUE+element做的一個公司后臺管理平臺中的某些功能。
直接上圖吧。
1.npm安裝

2.引入main.js文件中

3.開始使用 //其中一個功能彈窗功能,element的彈窗功能的原理是styl='z-index:999',然后就是一些表單,element自己寫的樣式,使用這些極大減少了開發(fā)成本,少寫一下CSS代碼。
// :visible.sync="dialogFormVisible" 用來控制顯示。dialogFormVisible要設(shè)置為
false,需要它顯示時就賦值true,就會彈窗出來。
// 下拉菜單select,
<el-option
v-for="(item,i) in statuslist" //源數(shù)據(jù)
// statuslist:[
// {name:'是',id:1},
/ / {name:'否',id:0}
// ],
:key="item.i"
:label="item.name" //顯示值
:value="item.id"> //實(shí)際綁定值

選擇下拉菜單中的 '是’ isUsed這個值就是1 用來傳給后臺
|