el-radio添加input框并校验

最新推荐文章于 2024-05-16 10:07:37 发布

不完美女孩-

最新推荐文章于 2024-05-16 10:07:37 发布

阅读量1.1k

点赞数 1

文章标签： elementui

本文链接：https://blog.csdn.net/LJJONESEED/article/details/130166981

版权

我的天！
我们的要求：radio单选然后单选后面可填写值
（其实这个要求本不难，但后端给我的数据很多数组，让我循环很多很多！处理好多数据，最后导致特别的复杂！！）

<el-form ref="perform" :model="perforModel" :rules="perRules" label-width="135px">
	<div class="depDivSmal"  v-for="(item,index) of perforModel.basData"  :key="index">
		<div v-for="(it,ind) of item.indicatorThirdLibraryList" :key="ind">
			<el-form-item v-if="item.name=='工作评分'" :label="it.name+'：'" :prop="'basData.'+index+'.indicatorThirdLibraryList.' + ind + '.ratingDimension'" :rules="{
			            required: true,
			            message: '请选择'+it.name,
			            trigger: 'blur',
			          }">
			                                
				 <el-radio-group v-model="it.ratingDimension">
					<el-radio label="2">优
					        <el-form-item v-if="it.ratingDimension=='2'" :prop="'basData.'+index+'.indicatorThirdLibraryList.' + ind + '.score'" :rules="{
					required: true,
					message: '请输入值',
					trigger: 'blur',
					}">
					            <el-input v-if="it.ratingDimension=='2'" v-model="it.score" type="number" @input="change($event)" :placeholder="'请输入值'"></el-input>
					        </el-form-item>
					    </el-radio>
					    <el-radio label="1">一般
					        <el-form-item v-if="it.ratingDimension=='1'" :prop="'basData.'+index+'.indicatorThirdLibraryList.' + ind + '.score'" :rules="{
					required: true,
					message: '请输入值',
					trigger: 'blur',
					}">
					            <el-input v-if="it.ratingDimension=='1'" v-model="it.score" type="number" @input="change($event)" :placeholder="'请输入值'"></el-input>
					        </el-form-item>
					    </el-radio>
				</el-radio-group>
			</el-form-item>
		</div>
	</div>
</el-form>