vue

vue循环生成的表单,el-select初始化之后再选择其他选项

2020-09-01  本文已影响0人  掉毛蛙

使用了多层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>
上一篇 下一篇

猜你喜欢

热点阅读