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

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