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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了