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

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

作者: 掉毛蛙 | 来源:发表于2020-09-01 11:07 被阅读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>

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/btzmsktx.html