element-ui动态删除表单项后导致表单验证报错"please transfer a valid prop path to form item!"...

最新推荐文章于 2024-03-29 10:27:42 发布

weixin_34166847

最新推荐文章于 2024-03-29 10:27:42 发布

阅读量4.3k

点赞数

文章标签： javascript ui python ViewUI

原文链接：https://my.oschina.net/watcher/blog/1553069

版权

2019独角兽企业重金招聘Python工程师标准>>>

问题

文档示例中http://element.eleme.io/1.4/#/zh-CN/component/form#biao-dan-yan-zheng特殊情况下会有一个问题，是由于异步引起的，问题如下。

重现

情况如下：因某种需求（例如验证表单数据不能重复）删除一项动态表单后要立刻自动重新验证一下表单，那么就需要将例子修改为以下（部分，未修改部分省略）修改后例子：

methods: {
      reCheck: function(formName) {
        // this.$refs[formName].validate()  // Error: please transfer a valid prop path to form item!
        // 正确方法如下,等待dom队列完成再调用
        this.$nextTick(this.$refs[formName].validate)
      },
      removeDomain(item) {
        var index = this.dynamicValidateForm.domains.indexOf(item)
        if (index !== -1) {
          this.dynamicValidateForm.domains.splice(index, 1)
        }
        this.reCheck('dynamicValidateForm')
      }
    }