vue中使用elementui的Dialog彈出框，組件如何編輯和新建共用一個彈框？

可以啊，配置數(shù)據(jù)就好了。大概就是每次顯示彈框前，設(shè)置一下當前dialog配置數(shù)據(jù)
偽代碼：

const DialogConfig = {
  curDialog: null,
  dialog1: {
    title: 'dialog1',
    message: '內(nèi)容等',
  },
  dialog2: {
    title: 'dialog1',
    message: '內(nèi)容等',
  },
};

methods: {
    hancleClick(name){
        DialogConfig.curDialog = DialogConfig[name]
    }
}

對于elementUI的彈窗不是很熟悉，不過之前使用iview開發(fā)也遇到類似的問題，應(yīng)該也是差不多。我利用iview的Modal組件再封裝了一個可復(fù)用的彈窗組件，思路就是利用vue-router，需要配置router.js，利用路由來跳轉(zhuǎn)出現(xiàn)彈窗，彈窗里的內(nèi)容是可diy的，根據(jù)傳遞的組件名（在query中傳遞）來決定彈窗組件里實際顯示的內(nèi)容組件。

我一般是定個裝載id的變量，然后點編輯的時候，這個變量就不是0，彈窗判斷id不是0的時候做渲染處理。

第一種, 你可以在跟組件中處理這種事件
第二種, 新增,編輯彈窗寫成組件