vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

1、准备两个页面

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

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

2、表格页面中配置

编辑按钮:

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

引入表单页面:

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

编辑按钮触发方法:

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

3、表单弹出页面

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

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

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

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

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

vue弹窗加载另一个页面(vue弹窗加载另一个页面的方法)

原创文章,作者:admin,如若转载,请注明出处:https://www.qq65hfghe5.com/tg/100787.html