当前位置:   article > 正文

el-select 下拉框有值却无法选中_脚本执行时el-select中的元素不能被选中

脚本执行时el-select中的元素不能被选中

数据是从接口获取的大量数据,点击选项后,在 change 函数中查看是值已经发生变化了,但在页面上没有显示新改变后的值,也就是下拉框的值无法选中。

解决方法:在 el-select 加一个 change 事件刷新一下

el-select 的 change 事件绑定 refreshData 方法:

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

在 methods{} 方法加上 refreshData,运用 this.$forceUpdate()强制刷新:

  1. refreshData (val) {
  2. this.$forceUpdate()
  3. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/114281
推荐阅读