vue中使用elementui的Dialog弹出框，组件如何编辑和新建共用一个弹框？

Question

每个组件里都要写Dialog，每个功能的新增、编辑等都要写一个组件，能不能做到所有组件复用一个Dialog弹框？

Answer 1

可以啊，配置数据就好了。大概就是每次显示弹框前，设置一下当前dialog配置数据
伪代码：

const DialogConfig = {  curDialog: null,  dialog1: {    title: 'dialog1',    message: '内容等',
  },  dialog2: {    title: 'dialog1',    message: '内容等',
  },};methods: {
    hancleClick(name){
        DialogConfig.curDialog = DialogConfig[name]
    }}

Answer 2

第一种, 你可以在跟组件中处理这种事件
第二种, 新增,编辑弹窗写成组件