element-ui的下拉框-输入框 有值却无法选中输入 的问题

问题:

下拉输入选择同时存在,当编辑显示下拉数据时,我想改下拉数据为自己得输入数据,你输入了数据却显示不了。

原因:

出现这个问题好像是因为下拉框数据是循环掉别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。
写一个方法,在select的change事件中调用此方法,运用 this.$forceUpdate()强制刷新,页面正常选值。

  
     el-form-item label="产品编号:" prop="material_code">
          
                     
                     
          
     
  

 

change事件强制刷新
​
 change(){
      this.$forceUpdate()
  },

​

​

 

总结:
同理,forceUpdate()这个方法也适用一些很深的组件 state 已经改变了的时候,可以在该组件上面调用,解决页面v-for中修改item属性值后页面页面值不改变的问题。

开发遇到的小问题,如果帮你解决了点个赞哦,多总结,多学习才会进步哦。---------奔跑的小蜗牛

你可能感兴趣的:(vue.js,html,html5,node.js,css)