Vue+elementUi使用el-dialog弹框
使用elementUi组件库<el-dialog></el-dialog>首先将子组件引入父组件中并且下放也要import进来:还要在components中注册子组件,并且在props中添加如下图:新增watch方法监听;其中的restData(){}是自己定义的在每次关闭弹框时重置弹框中数据的方法,此外return中先将copyEmployee...
·
使用elementUi组件库<el-dialog></el-dialog>
首先将子组件引入父组件中并且下放也要import进来:
还要在components中注册子组件,并且在props中添加如下图:
新增watch方法监听;其中的restData(){}是自己定义的在每次关闭弹框时重置弹框中数据的方法,
此外return中先将copyEmployeeVisible置为false即默认不展示:
当然父页面中其他地方需要触发弹出或者关闭弹框时只需要改变this.copyEmployeeVisible = true / false 即可;
子组件中:
@close="$emit('update:show',false)"是在点击弹框以外的地方弹框会消失。
同样在子组件中触发关闭弹框时改变this.copyEmployeeVisible = false 即可;
父子组件传值还为尝试,先记录再补充~:D
更多推荐
已为社区贡献10条内容
所有评论(0)