vue动态添加多组数据添加正则限制

最新推荐文章于 2024-01-04 22:13:46 发布

Zxiuping

最新推荐文章于 2024-01-04 22:13:46 发布

阅读量241

点赞数 1

文章标签： vue 多组数据添加与删除 js form表单动态正则校验

本文链接：https://blog.csdn.net/Zxiuping/article/details/130448565

版权

如图新增多条数据，如果删除其中一条正则校验失败的数据，提示不会随之删除，若想提示删除并不清空数据

delete (item, index) {
      this.applicationForm.reserveInfo.forEach((v, i) => {
        if (i === index) {
          this.$refs.formValidate.fields.forEach((e) => {
            if (e._props.prop === `reserveInfo[${index}].reserve_name` || e._props.prop === `reserveInfo[${index}].certify_type` || e._props.prop === `reserveInfo[${index}].visitor_dept` || e._props.prop === `reserveInfo[${index}].vip_image` || e._props.prop === `reserveInfo[${index}].reserve_dept` || e._props.prop === `reserveInfo[${index}].reserve_phone` || e._props.prop === `reserveInfo[${index}].reserve_identity_card`) {
              e.resetField()
            }
          })
          this.applicationForm.reserveInfo.splice(i, 1)
        }
      })
    },