elementui取消弹出框的取消按钮

Element UI 的弹窗组件（如 `el-dialog` 或者 `el-popover`）通常有一个默认的关闭操作，用户点击窗口右上角的“叉”图标或者是底部的“关闭”按钮可以关闭弹出框。如果你想自定义这个取消按钮的行为，比如添加一个文字描述的“取消”按钮并处理点击事件，你可以这样做：

1. 首先，在模板中找到需要修改的按钮元素，例如在 `el-dialog` 中，它可能是 `<button slot="footer" type="text">取消</button>`。

2. 然后，给这个按钮设置一个 `@click` 事件处理器，比如在 Vue 模板中：

   <el-dialog :visible.sync="dialogVisible">
     <template #footer>
       <button @click="handleCancel">取消</button>
     </template>
   </el-dialog>

3. 接下来，在对应的 Vue 组件内编写 `handleCancel` 函数，处理你想在用户点击“取消”按钮时执行的操作：

   export default {
     data() {
       return {
         dialogVisible: false,
       };
     },
     methods: {
       handleCancel() {
         // 这里可以编写你的业务逻辑，比如清空表单数据或者关闭弹窗
         this.dialogVisible = false;
       },
     },
   }