封装一个基于ant-design-vue的弹窗组件

Script
import { Modal } from 'ant-design-vue';

export default {
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
  },
  methods: {
    showModal(title, content, okText = 'OK') {
      let modal = this.$refs.modal;
      modal.setProps({
        title: title,
        content: content,
        okText: okText
      });
      modal.setProps({
        visible: true,
      });
    },
  },
  render() {
    return (
      <Modal ref="modal" {...{
        on: {
          ok: () => {
            this.$emit('ok');
          },
          cancel: () => {
            this.$emit('cancel');
          }
        }
      }}></Modal>
    );
  }
}