分类：vue弹框式编辑

2020
09-24

Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)

1.实现效果2.实现原理在父组件中点击编辑按钮，将当前点击对象的id传给子组件，子组件根据id修改相应的内容父组件中代码：//放置编辑按钮的位置<buttontype="button"class="layui-btnlayui-btn-normallayui-btn-sm"v-on:click="edit(manage.id)"><iclass="layui-icon">&#xe642;</i>编辑</button>//在methods中设计edit()方法//需要先引入编辑组件importEditManagefrom'./EditManage'edit(id){this.$layer.iframe({... 继续阅读 >