vue 使用Element 的form表单如何校验对象中的对象属性?

1、校验对象中的对象属性, 需要特殊处理下:

  

复制代码
 <template v-if="form.dataType === 0">
          <el-form-item label="芯片类型" prop="configExtend.schemeVersion">
            <el-select v-model="form.configExtend.schemeVersion" clearable size="mini">
              <el-option
                v-for="(dict, index) in cidOptions"
                :key="index"
                :label="dict.dictLabel"
                :value="dict.dictLabel"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="测试协议" prop="configExtend.agreementVersion">
            <el-select v-model="form.configExtend.agreementVersion" clearable size="mini">
              <el-option
                v-for="(dict, index) in testAgreementList"
                :key="index"
                :label="dict.dictLabel"
                :value="dict.dictLabel"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="PCBA SN格式" prop="configExtend.pcbaSn">
            <el-input
              v-model="form.configExtend.pcbaSn"
              clearable
              placeholder="请输入PCBA SN格式"
            />
          </el-form-item>
          <el-row>
            <el-col>
              <el-form-item label="测试项目" prop="configExtend.testInfo" style="width: 100%;">
                <el-card shadow="nerver">
                  <el-checkbox-group v-model="form.configExtend.testInfo">
                    <el-checkbox
                      v-for="(dict, index) in testProjectList"
                      :label="dict.dictLabel"
                      :key="index"
                    >
                      {{ dict.dictLabel }}
                    </el-checkbox>
                  </el-checkbox-group>
                </el-card>
              </el-form-item>
            </el-col>
          </el-row>
        </template>
复制代码

 

posted @   深巷漫步  阅读(866)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
/* 看板娘 */
点击右上角即可分享
微信分享提示