AntDV Modal组件函数方式调用自定义content为a-input并实现数据绑定

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

Modal.confirm({
  title: '理由',
  icon:()=> <aIcon type="plus" />,
  content: this.$createElement('aInput',{
        attrs: {
                 type: "textarea", 
                 rows: "4", 
                 placeholder: "请输入理由",
                 value: this.reason 
                },
        on:{input:(e)=>{this.reason = e.target.value}}
      }),
  onOk: () => this.handleOk(Obj, status)
})

显示/隐藏需要接收Promise

handleOk({id}, status) {
  let {reason} = this
  return  new Promise((r, j) =>{
    if (!reason) {
      this.$message.error('请输入驳回理由!')
      return j()
    }
    接口调用处理成功then 调用 r() catch 调用 j()
  })
}