element ui点击按钮弹出款_Vue+elementUI弹出框的使用（demo代码详细分析）

hello你好我是辰兮很高兴能来阅读，本篇整理一下Vue+elementUI的弹出框相关用法，留给自己，也分享给初学者，一起进步！

Vue+elementUI表格组件使用请参考：Vue+elementUI表格组件使用

本篇是Vue+elementUI的弹框使用案例前端代码解析

因为开始写Vue项目很容易遇到弹出异常弹出，前期老是有的弹出无法正常关闭。

后来了解后就是一个Vue中子传父，父传子的问题

首先了解弹出框的显示 :visible.sync这个

在主页面导入相关要弹出的弹窗，并绑定相关的值和方法(根据自己的需要)

...........................

主页面一定要导入这些弹框组件 检查清楚，然后将弹出状态设置为false

方法当我们点击相关按钮的时候我们要将弹出框的显示状态设置为true，这样弹出框即可弹出

1.如添加按钮 弹出框设置为true

2.如编辑按钮要将这一行要编辑的数据带出

所以要 this.editForm = Object.assign({}, row); 将这一行的数据赋值给某一个对象,其实row本身就代表这一行的对象参考如下3

3.移除按钮 要传某一个code 所以将这一行对象的code赋值给绑定在这个弹框上的数据 等等…

row.sSysCode就代表当