首页 |  我的博客 |  查看该博主内容分类 | 

elementUI el-form如何一个form,管理好各个el-form-item?(prop)

示例

<el-from :model="dataForm">
	<el-row v-for="(version, i) in dataForm.versions"
			:key="'dataFormVersion-' + i"
	>
		<el-col :span="12">
			<el-form-item label="版本"
						  prop="`versions[${i}].version_name`"
						  :rules="dataFormRules.version_name"
			>
				<el-input v-model="version.version_name" placeholder="请输入版本" clearable></el-input>
			</el-form-item>
		</el-col>
		<el-col :span="12"></el-col>
	</el-row>
</el-from>

从中可以看出:

  1. prop是dataForm下的一个属性,同时还可以继续点它下的属性,如示例的versions[${i}].version_name
  2. 校验规则放在el-form-item上,如dataFormRules.version_name
  3. v-model只要能点到你想赋值的变量即可,如示例的version.version_name
  4. el-form里不一定需要直接跟el-form-item,可以间隔其他元素。
posted @ 2024-06-27 11:34  Z哎呀  阅读(56)  评论(0)    收藏  举报