分享

VUE+element实战运用

 头号码甲 2021-09-08

主要来记录一下关于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"> //实际绑定值







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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约