Vue中为Ant Design Vue中Modal.confirm自定义内容

这是使用的不是组件<a-modal>而是Modal.confirm，在content配置中，我想实现自定义编辑内容的样式，这里面就使用到了一个东西h()

h 其实代表的是 hyperscript 。它是 HTML 的一部分，表示的是超文本标记语言，当我们正在处理一个脚本的时候，在虚拟 DOM 节点中去使用它进行替换已成为一种惯例。这个定义同时也被运用到其他的框架文档中

Hyperscript 它本身表示的是 "生成描述 HTML 结构的脚本"

官方定义：

返回一个“虚拟节点” ，通常缩写为 VNode: 一个普通对象，其中包含向 Vue 描述它应该在页面上呈现哪种节点的信息，包括对任何子节点的描述。用于手动编写render

h 接收三个参数 

• type 元素的类型
• propsOrChildren 数据对象, 这里主要表示(props, attrs, dom props, class 和 style)
• children 子节点

h('div', {}, 'foo') // text

Modal.confirm({
      title: '温馨提示',
      icon: createVNode(ExclamationCircleOutlined),
      content: () => h('div', [
        '请先前往"企业设置"-"系统设置"-"微信基础设置"页面进行"微信商户设置", ',
        h('span', { onClick: goToSet, style: { color: '#005ff9', cursor: 'pointer' } }, '立即前往'),
      ]),
      onOk() {
        goToSet();
        Modal.destroyAll();
      },
      onCancel() {
        Modal.destroyAll();
        register_fee_form.value.enable = enums.BOOL.NO.v;
      },
    });