一、$refs 不能动态拼接的问题:https://blog.csdn.net/alisa_lisa/article/details/104005063

  项目需求:动态增减表单并验证。添加联系人,多少组联系人的表单是不确定的。

  原因:

  解决:ref 是可以同名的。有相同的名字,会放在一个数组中。通过索引来区别。

 <el-form
      label-width="110px"
      :inline="true"
      v-for="(item, i) in formData"
      :key="'add' + i"
      ref="addForm"
      :rules="addRulse"
      :model="formData[i]"
    >
    ...
    </el-form>
 this.contentReqVoList.forEach((el, i) => {
   this.$refs.addForm[i].validate(v => {
    ...
   })
  })

二、

相关文章:

  • 2022-12-23
  • 2021-06-13
  • 2021-08-02
  • 2021-09-12
  • 2021-09-29
  • 2021-09-10
  • 2021-08-13
猜你喜欢
  • 2021-05-07
  • 2022-12-23
  • 2022-12-23
  • 2021-07-21
  • 2022-12-23
  • 2021-04-11
  • 2022-12-23
相关资源
相似解决方案