vue新增編輯共用一個彈窗 vue彈出頁面



文章插圖
vue新增編輯共用一個彈窗 vue彈出頁面

文章插圖
1、準備兩個頁面
一個是表格頁面,一個是表單頁面
2、表格頁面中配置
【vue新增編輯共用一個彈窗 vue彈出頁面】編輯按鈕:
引入表單頁面:
編輯按鈕觸發方法:
3、表單彈出頁面
頁面內容必須加上el-dialog標簽,否則不是彈出層
默認設置頁面為隱藏狀態:
初始化方法,this.$nextTick()中可添加自己的邏輯代碼: