在vue3中MessageBoxshow-confirm-button=false

在Vue3中，可以通过在 `MessageBox` 组件上设置 `showConfirmButton` 属性为 `false` 来隐藏确认按钮。示例代码如下：

<template>
  <div>
    <button @click="showMessageBox">显示消息框</button>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import { MessageBox } from 'element-plus';

export default defineComponent({
  methods: {
    showMessageBox() {
      MessageBox.confirm('确定要删除该项吗？', '提示', {
        showConfirmButton: false,
        showCancelButton: true,
        cancelButtonText: '取消',
        type: 'warning',
      }).then(() => {
        // 点击确定按钮后执行的操作
      }).catch(() => {
        // 点击取消按钮后执行的操作
      });
    },
  },
});
</script>

在上面的代码中，我们在 `MessageBox` 组件上设置了 `showConfirmButton` 属性为 `false`，并且设置了 `showCancelButton` 属性为 `true`，这样就只会显示取消按钮了。同时，我们也可以自定义取消按钮的文本，这里我们将其设置为“取消”。另外，`type` 属性可以设置消息框的类型，这里我们将其设置为警告类型。