日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

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

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新