解决el-select下拉框有值但是无法选中的问题

问题描述：在某次开发项目时，发现el-select组件无法选中数据了，下拉框中数据可以正常展示，数据是通过接口获取的。

解决方案：在 el-select 中加一个 change 的事件刷新一下

代码如下：

<el-select v-model="co.attrs.labelIds" multiple placeholder="请选择" @change="refreshData">
    <el-option v-for="(item,i) in topicLabelOptions" :key="'lab'+i" :label="item.name" :value="item.id">
    </el-option>
</el-select>
1
2
3
4

然后，在 methods{} 方法加上 refreshData，运用 this.$forceUpdate() 对数据强制刷新

refreshData (val) {
  this.$forceUpdate()
}
1
2
3

经测试，有效！！！

还有就是element的单选框，也是有这个问题，后端把值传过来之后，单选框也正确的显示了，但是就是无法选择修改，同样的，也是在单选框点击处添加了这个事件之后，就好了。