vue element-ui select组件，初始化赋值后，无法更改label值？

Question

<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方面就是不变。。

Answer 1

你好，请问解决了吗？我也遇到了同样的问题。。。

Answer 2

八成是data里面的postForm.roleId的格式或者值没跟roleList中的对应起来，检查一下。

Answer 3

要不试试把roleId放到外面来传给select ???<el-select&nbsp;v-model="roleId"&nbsp;placeholder="职位"&nbsp;@change="selectBD">