vue循环生成的表单,el-select初始化之后再选择其他选项视图不更新。

使用了多层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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。