van-dialog 不显示取消按键及文字

Van Dialog是一个基于Vue.js设计的轻量级对话框组件库，它提供了一种方便的方式来弹出模态窗口，包括确认、警告、提示等基本对话框以及自定义内容。有时候，你可能希望在某些特定场景下不让对话框显示取消按钮及其文案，通常这可以通过配置选项来实现。

Van Dialog的取消按钮及相关文字是可以配置的。当你不想显示时，可以在使用`van-dialog`时设置相应的属性，如：

<template>
  <van-dialog v-model="showDialog">
    <p>这是自定义内容</p>
    <!-- 取消按钮和文案默认是存在的 -->
    <!-- 如果不需要，可以这样隐藏它们 -->
    <div slot="footer" class="dialog-footer no-cancel"> <!-- .no-cancel是自定义样式 -->
      <span slot="cancel" slot-scope="{ $close }">关闭</span>
    </div>
  </van-dialog>
</template>

<script>
export default {
  data() {
    return {
      showDialog: false,
    };
  },
};
</script>

在上面的例子中，`.no-cancel`类名可以覆盖默认的取消按钮样式，并通过`slot-scope`阻止其默认的行为，从而达到隐藏的效果。