elementui plus 动态form表单添加表单项和动态的验证规则
<el-form :model="state" validate-on-rule-change="false"> <el-form-item :key="item.key" :label="item.field" :prop=//这里要使用:数据集合list.index.input组件绑定的值的名称的方式去添加prop,例如:"'params.' + idx + '.code'" :rules=" !item.empty ? { required: false } : { required: true, message: `${item.field}不为空`, trigger: 'blur', validator: validateNull } " > <el-input v-model="item.code" :disabled="pageType === 'info'" :placeholder="item.field" /> </el-form-item> </el-form> <script setup lang="ts"> state.params = props.info.params?.map((item: any) => { return { key: Date.now(), field: item.name, code: item.value, ...item } }) </script>
积累小的知识,才能成就大的智慧,希望网上少一些复制多一些原创有用的答案
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
2019-11-25 vue +ts 在router的路由中import报错的解决方案