u-modal自定义确认取消按钮

u-modal是一个轻量级、易用的基于Vue.js的模态组件库，它允许开发者轻松地定制弹出窗口的行为，包括确认和取消按钮。如果你想在u-modal中自定义确认和取消按钮，你可以这样做：

1. 首先，在`<u-modal>`标签中添加一个`confirm`和一个`cancel`属性，它们通常关联到事件处理器函数，比如：

<u-modal :confirm="handleConfirm" :cancel="handleCancel">
  <!-- 内容 -->
</u-modal>

2. 定义`handleConfirm`和`handleCancel`方法，根据你的需求处理点击动作。例如，你可以在这里显示提示信息，发送API请求等：

export default {
  methods: {
    handleConfirm() {
      alert('确认操作');
      // 在这里执行具体的确认操作
    },
    
    handleCancel() {
      alert('取消操作');
      // 这里执行对应的取消操作
    }
  }
}

3. 如果你想改变按钮的文本，可以在模板中直接使用`v-bind`绑定：

<u-modal>
  <div slot="footer">
    <button type="button" v-bind:text="confirmButtonText">确认</button>
    <button type="button" v-bind:text="cancelButtonText">取消</button>
  </div>
</u-modal>

<script>
export default {
  data() {
    return {
      confirmButtonText: '确定',
      cancelButtonText: '关闭'
    };
  }
  // ...其他方法...
};
</script>