element-ui中的el-select选择器无法显示选中的内容

<el-select v-model="postForm.roleId" placeholder="职位" @change="selectBD">
   <el-option 
     v-for="item in roleList" 
     :key="item.id" 
     :value="item.id" 
     :label="item.name" />
</el-select>roleList 和 postFrom.roleId 都是通过接口获取的，能够正确的赋值，但是后续去选择切换的时候，
postForm.roleId 会正确的变化，但ui没有更新，依旧是如图显示，不论怎么切换，postFrom.roleId正确，但是ui方面就是不变。

解决办法：
  methods: {   
selectBD(){   
  this.$forceUpdate();  
 }  
},
原因:render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。