vue编辑、新增弹框(引用外部页面)

转自https://blog.csdn.net/qq_29384639/article/details/80700882

1、准备两个页面

vue编辑、新增弹框(引用外部页面)

一个是表格页面,一个是表单页面

2、表格页面中配置

编辑按钮:

vue编辑、新增弹框(引用外部页面)

引入表单页面:

vue编辑、新增弹框(引用外部页面)

编辑按钮出发方法:

vue编辑、新增弹框(引用外部页面)

3、表单弹出页面

页面内容必须加上el-dialog标签,否则不是弹出层

vue编辑、新增弹框(引用外部页面)

默认设置页面为影藏状态:

vue编辑、新增弹框(引用外部页面)

初始化方法,this.$nextTick()中可添加自己的逻辑代码:

vue编辑、新增弹框(引用外部页面)