如何让element Vue在同一个vue页面用不同按钮响应不同的dialog显示不同内容？

Question

问题

如何在同一个vue页面用不同按钮响应不同的dialog显示不同内容？
或者说用同一个dialog，但是点击不同按钮时，dialog里面的内容可以完全更换？
比如”添加“按钮响应的dialog显示一个表单，”申请“按钮响应的dialog显示另一个完全不同的表单这样。

Answer 1

最简单的方法
定义actionType，点击不同按钮赋值为不同的值，dialog中使用v-if actionType ===x 判断显示，弹窗中的确认函数同理用actionType判断执行不同函数
例如添加 点击后 actionType 赋值为 1 ，此时弹窗会显示actionType ===1 的内容，点击弹窗确认执行actionType===1的逻辑