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

1、准备两个页面

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

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

2、表格页面中配置

编辑按钮:

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

引入表单页面:

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

编辑按钮出发方法:

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

3、表单弹出页面

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

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

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

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

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

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