<el-button type="text" size="medium" @click="handelEdit(scope.$index, scope.row)">编辑</el-button> 　　 　　//弹框 ...

在做项目中经常会遇到table表格某行进行编辑。 当编辑表格行时弹出一个浮框，里面被赋值当前表格的各个元素。可以在此元素的基础上进行修改编辑操作。 一般浮框的输入项是用双向绑定v-model。 当点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。 这时候问题就容易出现了：浮框数据 ...

一、新增1、新增按钮2、新增事件 在methods中，用来打开弹窗，dialogVisible在data中定义使用有true或false来控制显示弹框 **3、新增确定，弹框确定事件 ，新增和修改共用一个确定事件，使用id区别 **3、新增事件调新增接口，判断是否有id，没有就调新增接口 ...

在一个vue页面中有时候内容会很多，为了方便编写查看，可以分为多个子组件，最后在父组件中引入对应的子组件即可。 下面这个是父子组件通信中的一个具体实例：新增、修改弹框。 子组件中主要写了关于新增、修改的弹框， 子组件： 1.弹框： <div class ...

子页面： ...

//禁止滑动 var mo=function(e){e.preventDefault();}; document.body.style.overflow='hid ...

一、父页面： 1.html 　<!-- 调用组件 --> <loan-tooling-dialog :show.sync="isTooling" v-if="isTooling" :form="form ...

头部组件 Header.vue 登录弹框组件： login.vue vuex中 store/modules/user.js ...