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>
                   


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM