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

2023-11-01

问题描述:在某次开发项目时,发现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的单选框,也是有这个问题,后端把值传过来之后,单选框也正确的显示了,但是就是无法选择修改,同样的,也是在单选框点击处添加了这个事件之后,就好了。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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