element-ui的下拉框有值却无法选中

问题

在用element-ui做后台系统时,下拉框遇见一个问题,当从后端获取到值,然后选择时下拉框无反应。

原因

调试了之后发现 ,函数中已经修改成功,但在页面中没有刷新改变后的值,下拉框还是默认值。
搜索资料得出结果:因为数据层次太多,render函数没有自动更新,需手动强制刷新。

解决方法

写一个方法,在select的change事件中调用此方法,运用 this.$forceUpdate()强制刷新,页面正常选值。

    <el-select v-model="twoPpgod.Id" placeholder="请选择" @change="twoPpgodChange()">
change(){
      this.$forceUpdate()
  },

总结

数据层次太多都可以调用这个方法让页面进行强制渲染,效果实现

更新时间:2020-07-16 00:57:59

本文由 阿俊 创作,如果您觉得本文不错,请随意赞赏
采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
原文链接:https://jinterest.cn/archives/element-ui的下拉框有值却无法选中md
最后更新:2020-07-16 00:57:59

评论

Your browser is out of date!

Update your browser to view this website correctly. Update my browser now

×