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

问题

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

原因

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

解决方法

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

<el-select v-model="twoPpgod.Id" placeholder="请选择" @change="twoPpgodChange()">

change(){
      this.$forceUpdate()
  },

总结

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