怎么给vxe-modal底部添加两个按钮，点击按钮调用自定义方法

可以在`<vxe-modal>`标签的`footer`属性中定义两个按钮，并为这两个按钮绑定点击事件。例如：

<template>
  <vxe-modal ref="modal" title="提示" :show-footer="true" :footer="modalFooter">
    <p>确定要删除吗？</p>
  </vxe-modal>
</template>

<script>
export default {
  data() {
    return {
      modalFooter: [
        {
          name: '取消',
          key: 'cancel',
          type: 'text',
          onClick: this.handleCancel
        },
        {
          name: '确定',
          key: 'confirm',
          type: 'primary',
          onClick: this.handleConfirm
        }
      ]
    };
  },
  methods: {
    handleCancel() {
      this.$refs.modal.close();
      // 处理取消操作
    },
    handleConfirm() {
      this.$refs.modal.close();
      // 处理确定操作
    }
  }
};
</script>

在上面的例子中，定义了一个`modalFooter`数组，数组中包含了两个按钮的配置，分别是“取消”和“确定”。其中，`onClick`属性表示按钮的点击事件，分别绑定了`handleCancel`和`handleConfirm`两个自定义方法。在这两个方法中，可以处理需要执行的操作。当用户点击按钮时，对应的方法就会被调用。

需要注意的是，在定义`modalFooter`数组时，`onClick`属性的值是一个函数，而不是字符串。如果直接写成字符串，那么点击按钮时就不会触发对应的方法。