学无先后,达者为师

网站首页 编程语言 正文

element plus 循环form表单校验

作者:摇头的金丝猴 更新时间: 2023-07-27 编程语言
              <div
                  class="sensorItem"
                  v-for="(item, index) in data.sensor"
                  :key="index"
                >
                  <el-form
                    ref="trackSensorRef"
                    :model="item"
                    :rules="data.trackSensor"
                    :inline="true"
                  >
                    <div class="sensorName">
                      <el-form-item label="载荷名称:" class="" prop="name">
                        <el-input
                          v-model="item.name"
                          class="sensorNameInput"
                        ></el-input>
                      </el-form-item>
                    </div>
                  </el-form>
                </div>

 

 !!!! 注意如果 校验的层级比较深的情况下那么必须用 字符串 点的形式才能生效

 trackSensor: {
    name: [{ required: true, message: "不能为空", trigger: "blur" }],
    "orbit.forceModel.quality": [
      { required: "true", message: "质量不能为空", trigger: "blur" },
    ],
  },

let confirmboole = [];
trackSensorRef.value.map((val, index) => {
      console.log(val);
      val.validate((valid) => {
        confirmboole.push(JSON.parse(JSON.stringify(valid)));
        if (valid) {
          console.log(data.sensor);
          //载荷如果点击效验之后给sateDate赋值
          data.sateData.sensor = data.sensor;
          //修改弹窗确定
        } else {
          return false;
        }
      });
    });

// 循环每一个ref  把ture 和 false  push 进去  判断里面只要有一个为false 那么久不执行
    setTimeout(() => {
      if (!confirmboole.includes(false)) {
        submitSate(confirm);
      }
    }, 100);

原文链接:https://blog.csdn.net/m0_61382303/article/details/128441030

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新