当前位置:   article > 正文

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

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

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/114286?site
推荐阅读