iview 组件的表单验证失败还是关闭了弹窗

iview 组件的表单验证失败还是关闭了弹窗

效果如下：

---

思考1：没做验证？

这个也没问题啊！？！

---

思考2：配置没整对？

查看 iview 官方文档

可以通过添加一个 loading 状态手动关闭弹窗;

试试

绑定属性

.png?auth_key=1721987583-mvgW6HU7ZMhGqPJrWsPtjm-0-3ff9a7e9b453117797472542418fe0be)

更改函数

.png?auth_key=1721987583-qBhHNqe8jbrHzSQP2CtRuc-0-a8d2286565816c8f51632be8dde8228f)

看效果！

哎嘿，没生效！

意料之外情理之中

再去网上找找答案

好好好，整挺好； 弄不出来就是不会用～

---

解决！

思路：直接干他 dom！

export function clearBtn() {
  // 解决 iview 弹窗 表单验证问题
  const btn = document.getElementsByClassName('ivu-btn-primary')
  for (let i = 0; i < btn.length; i++) {
    let a = btn[i].classList.contains('ivu-btn-loading')
    if (a){
      btn[i].classList?.remove('ivu-btn-loading')
      btn[i].getElementsByTagName('i')[0].remove()
    }
  }
}

使用：

在验证完表单之后加上这个：

效果：