elementUI 动态校验表单数据的方法

elementUI 动态校验表单数据的方法

直接设置如下

list 为动态获取的数据值列表数据

这里主要设置两块内容 prop为动态数据 rules设置需要校验的值

:prop="list.${index}.title" :rules="rules.title" //title 名称可自己定义

javascript 复制代码
//这里主要设置两块内容 prop为动态数据  rules设置需要校验的值
//:prop="`list.${index}.title`" :rules="rules.title"
<div v-for="(val,index) in list" :key="val">
	<el-form-item label="标题" :prop="`list.${index}.title`" :rules="rules.title">
			<el-select v-model="val.name">
				 <el-option label="名称" value="1"/>
			</el-select>
	</el-form-item>
</div>
//必填校验设置
const rules = reactive({
	title: [{ required: true, message: '请填写', trigger: 'change' },],
})
相关推荐
孤鲸落屿5 分钟前
第十章 作业
开发语言·前端·javascript
retun_true25 分钟前
Element UI 打包探索【2】
前端·javascript·node.js
王将近29 分钟前
Cesium实现3D热力图
前端·cesium
沉默璇年37 分钟前
react中的useCallback 有什么作用?
前端·react.js·前端框架
爱学习的执念37 分钟前
如何使用Jest测试你的React组件
前端·react.js·前端框架
少年姜太公41 分钟前
从0开始完全掌握JS中的原型
前端·javascript·程序员
乐容44 分钟前
react 中解决 类型“never”上不存在属性“value”。
前端·react.js·前端框架
木子七1 小时前
vue2-路由Router
前端·vue
未 顾1 小时前
HTML-CSS-JS-day01:html常见的标签
javascript·css·html
tao_sc1 小时前
stm32启动过程解析startup启动文件
javascript·stm32·嵌入式硬件