vue element-UI 多个 select 回显成功,但是选择不了

参考文章 vue开发(四)element的select下拉框设定初值后,不能重新选择的问题

参考文章 element模态框dialog中的select组件中选中无反应

原因 下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新

解决方案 添加 @change="$forceUpdate()" 强制更新视图

<el-select v-model="form.source" placeholder="请选择" @change="$forceUpdate()" style="width:380px">
                <el-option
                  v-for="item in tradeSource"
                  :key="item.id"
                  :label="item.label"
                  :value="item.id"
                />
              </el-select>
                   

猜你喜欢

转载自www.cnblogs.com/lick468/p/11274194.html