iview组件this.$modal.confirm与loading出现的问题

Question

这是iview的this.$Modal.confirm(config)生成的模态框。

问题：当没填写原因就点击确定按钮后，提示词正确出现，但是模态框的确定按钮有加载圈。
想要的效果：如果没填写原因时，点击确定按钮，提示后，模态框不关闭且确定按钮无加载圈，并且还可以再次点击。
希望大家帮忙看一下，有什么好办法可以解决？

 this.$Modal.confirm({
          title: '确定要关闭吗？',
          loading:this.loading,   //this.loading初始值是true
          render: (h) => {
            return h('div', {
                style: {
                  width:'93%',
                  marginLeft:'6%'
                }
              },[
              h('span', {
                style: {
                  color: '#495060',
                  fontSize: '14px'
                }
              }, '请填写关闭的原因：'),
              h('Input', {
                props: {
                  value: this.closeReason,
                  placeholder: '请输入原因',
                  maxlength:50,
                  showWordLimit:true,
                },
                style: {
                  marginTop:'10px'
                },
                on: {
                  input: (val) => {
                    this.closeReason = val;
                  }
                }
              })
            ])
          },
          onOk: () => {
            if(!this.closeReason) {
              // this.closeReason 是Input框双向绑定的值，原因文本
              this.loading = false
              this.$Message.error('请填写关闭原因!')
              setTimeout(()=>{
                   this.loading = true
              },0)
            }else {
                  this.$Modal.remove()
                  this.$Message.success('关闭成功')
            }
          }
        })

Answer 1

老老实实用 Modal 组件吧，绑定value的时候也不要用v-modal双向绑定