Vue+elementUi使用el-dialog弹框

vue

使用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

以上是 Vue+elementUi使用el-dialog弹框 的全部内容, 来源链接: utcz.com/z/375022.html

回到顶部