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>
                   
posted @ 2021-04-27 10:48  是大壳子啊  阅读(528)  评论(0编辑  收藏  举报