解决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下拉框有值但是无法选中的问题 的相关文章

随机推荐

  • windows 下 Redis 主从 读写分离

    本文转载至 http www cnblogs com zhangxiaoshuai p 6482853 html 下载windows版redis 没有官方的从 上下载 http github com ServiceStack redis w
  • 关于SpringBoot 接受Date类型以及返回时间格式的记录

    最近开始接触SpringBoot 不得不说他很强大 下面说说SpringBoot接受时间的问题 网上的方法很多 我就说说我自己的 接受时间 NotNull message 过期日不能为空 DateTimeFormat pattern yyy
  • Unity游戏性能分析最终指南 04

    本节将深入探讨Unity中各个分析工具和调试工具的功能 以下是分析工具 调试工具和静态分析工具之间的差异 分析工具对代码执行情况进行仪表化显示并收集时间数据 调试工具允许逐步执行程序 暂停和检查值 并提供许多其他高级功能 例如 Frame
  • 计算机网络之TCP三次握手

    文章目录 计算机网络之TCP三次握手 1 TCP三次握手过程 2 TCP三次握手原因 而不是两次 3 TCP三次握手原因 而不是四次 4 TCP三次握手能携带数据吗 5 三次握手连接阶段 最后一次ACK包丢失 会发生什么 6 TCP 握手为
  • 【css】关于css3的多列布局出现错乱问题

    一开始给外部的container设置了column count 2 当里面的每个item是偶数个时 布局是正常显示的 而当我们设置了奇数个item时 会出现下图的错乱布局 在item里面设置了以下两个属性之后 height 100 over
  • 口袋妖怪letsgo服务器维护,口袋妖怪letsgo新手玩法-新手攻略分享-可可网

    口袋妖怪letsgo新手怎么玩 对于刚入口袋妖怪的萌新 一切还属于在探索的阶段 这是前人总结的经验就对于我们的帮助非常大 具体内容有哪些 下面一起和小编看看吧 新手玩法分享 1 留意主线沙盘里的一起物品 无论是建筑还是NPC 他都有可能是你
  • 【go基础】变量声明

    1 第一个go语言程序 package main 声明所属的包 import fmt func main fmt Println hello world go run hello go 执行当前文件 输出 hello world 也可以构建
  • 调用百度翻译自动翻译网页

    lt script src js jquery 3 2 1 min js gt lt script gt lt script src md5 js gt lt script gt lt script type text javascript
  • 使用React做个简单的页面-01

    1 页面效果 2 项目结构 具体代码 root js pc index js pc header js 移动端代码调整 页脚页面 1 页面效果 代码实现 pc index js 注册模块开发 1 页面效果 代码实现 移动端效果 代码实现 i
  • ptmalloc分析之基础一

    ptmalloc分析之基础一 一 内存布局 下面给出32位模式下进程默认内存布局 从上图可以看到 栈至顶向下扩展 并且栈是有界的 堆至底向上扩展 mmap 映射区域至顶向下扩展 mmap 映射区域和堆相对扩展 直至耗尽虚拟地址空间中的剩余区
  • Elasticsearch性能可视化监控环境搭建(离线安装)

    由于ES集群运行有时候不稳定导致数据无法正常读写 所以需要对各类影响因素进行监控 ES有提供cat API在命令行对ES集群健康状态以及其他指标 但只能查看实时状态 如果需要持续的关注集群的运行状态 必定是要定时将集群的各类指标数据进行存储
  • 聊聊我所了解的今年秋招的就业情况

    本文封面配图来自知乎曾加plus 哈喽 大家好 我是王博Kings 秋招慢慢收尾 陆陆续续互联网公司都或者已经提前结束了秋招进程 大家的offer也都陆陆续续拿到手了 每一年就业情况其实是大家都普遍最关心的内容 尤其薪资水平 其实今年年初我
  • ubuntu vim 不能正常显示中文的解决方法

    ubuntu vim 不能正常显示中文 vi etc vim vimrc 在最后加入 set fileencodings utf 8 gb2312 gbk gb18030 set termencoding utf 8 set encodin
  • Android实战篇 阅读并同意“用户协议”与“隐私政策” 【Kotiln / Java】

    一 前言 SpannableStringBuilder 1 SpannableStringBuilder和SpannableString的区别类似与StringBuilder String 2 SpannableStringBuilder可
  • Qt 添加动态库.so文件的正确方法

    1 选中项目 右键 选中 Add Library 完成后 内容自动更新到Pro文件 我原来认为是手写的 qt添加动态库 so文件的正确方法 qt so CSDN博客
  • 软件测试—学习路线

    1 入门期 手工测试 利用测试用例去检验程序是否正确输出结果 通俗来说就是在编写程序结束后自己会运行几个例子来检查程序是否正确运行 而这样的行为就是手工测试 不过企业上手工测试的测试用例会比较刁钻 容易发现自动化测试发现不了的问题 不过这种
  • 用Openssl建立私有CA并颁发证书

    1 建立CA根证书 1 1生成私钥 openssl req newkey rsa 1024 sha1 config myopenssl cnf keyout rootkey pem out rootreq pem days 3650 1 2
  • 联想笔记本Ubuntu14.04 无法连接无线网络,WiFi已通过硬件开关禁用

    最近给一台联想笔记本装Ubuntu14 04系统 开机后屏幕右上角没有WiFi信息出现 倒是有个灰体的 WiFi已通过硬件开关禁用 看到这我的内心奔腾而过一群草原动物 开机就关WiFi 不能连WiFi的笔记本还能搞啥 莫着急 慢慢来 看这字
  • HDFS常见的问题和处理方法积累

    Hadoop常见问题与解决办法 问题1 reduce预处理阶段shuffle时获取已完成的map的输出失败次数超过上限 问题描述 问题剖析 解决方案 问题2 Too many fetch failures 问题描述 问题剖析 解决方案 问题
  • 解决el-select下拉框有值但是无法选中的问题

    问题描述 在某次开发项目时 发现el select组件无法选中数据了 下拉框中数据可以正常展示 数据是通过接口获取的 解决方案 在 el select 中加一个 change 的事件刷新一下 代码如下