我的天!
我们的要求: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>