本文详细介绍了一种在表格页面和表单页面间进行高效交互的设计方案。通过配置编辑按钮，引入表单页面，并利用Vue.js的el-dialog组件实现表单的弹出层展示，使用户可以在不离开当前页面的情况下完成数据编辑。
转自https://blog.youkuaiyun.com/qq_29384639/article/details/80700882
1、准备两个页面
一个是表格页面，一个是表单页面
2、表格页面中配置
编辑按钮：
引入表单页面：
编辑按钮出发方法：
3、表单弹出页面
页面内容必须加上el-dialog标签，否则不是弹出层
默认设置页面为影藏状态：
初始化方法，this.$nextTick()中可添加自己的逻辑代码：
vue编辑、新增弹框（引用外部页面）
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
