解决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>

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

refreshData (val) {
  this.$forceUpdate()
}

经测试,有效!!!

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

你可能感兴趣的:(vue,vue.js,javascript,前端)