使用了多层for循环,层次比较深,render函数没有自动更新视图,需要手动强制更新视图
在el-select上添加 @change="$forceUpdate()"
<el-form-item v-for="(item, index) in formTypeList" :key="item.key" :label="item.label" :rules="item.rules" :prop="item.key">
<el-select v-if="item.type === 'select'" v-model="formData[item.key]" :placeholder="`请选择${item.label}`" @change="$forceUpdate()">
<el-option v-for="option in getDicData(item.dicDataKey)" :key="option.value" :value="option.value" :label="option.label"></el-option>
</el-select>
<el-input v-else v-model="formData[item.key]" :placeholder="`请输入${item.label}`"></el-input>
</el-form-item>
网友评论