ant-design-vue的a-modal的使用

ant-design-vue是一个基于Vue.js实现的UI组件库，其中的a-modal组件是用于弹出模态框的组件。

使用a-modal组件需要先安装ant-design-vue：

npm install ant-design-vue --save

然后在Vue组件中引入a-modal组件：

<template>
  <a-modal v-model="visible" title="Basic Modal">
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
  </a-modal>
</template>

<script>
import { Modal } from 'ant-design-vue';

export default {
  components: {
    'a-modal': Modal,
  },
  data() {
    return {
      visible: false,
    };
  },
};
</script>

以上代码中，通过v-model绑定visible变量来控制模态框的显示和隐藏。title属性设置模态框的标题，内容通过插槽传入。

a-modal组件还有很多属性可以设置，例如width、okText、cancelText等，详细使用方法可以参考官方文档。