首页 > 其他分享 >el-select 无法实时显示选中的项、无法清除

el-select 无法实时显示选中的项、无法清除

时间:2022-12-12 15:14:43浏览次数:56  
标签:el 显示 选中 无法 下拉框 select

问题

某个 el-select 多选下拉框,显示栏无法实时显示选中的项,也无法清除已选中的项;但是最终提交表单时,能够赋值成功。

解决

Vue 中无法监听数组中项的变化,因此需要用 $set()

代码:

image

image

参考链接

  1. 解决element-ui中的el-select选择器无法显示选中内容的问题
  2. vue el-select下拉框,选择后赋值成功,但是框上不显示选中的值的解决办法

标签:el,显示,选中,无法,下拉框,select
From: https://www.cnblogs.com/shayloyuki/p/16976034.html

相关文章

  • Elasticsearch Head插件使用小结
    作者:崔雄华1ElasticsearchHead是什么ElasticSearchhead就是一款能连接ElasticSearch搜索引擎,并提供可视化的操作页面对ElasticSearch搜索引擎进行各种设置和数据检索功能......
  • ELK之Watcher邮件告警
    ELK服务器设置安装邮件发送工具mailxyuminstall-ymailx修改Elasticsearch配置文件vim/etc/elasticsearch/elasticsearch.yml给Elasticsearch添加邮箱配置,在最后面加......
  • 【故障】CentOS无法分区
    【故障描述】:【解决办法】:......
  • [转]css的布局(display:弹性布局flex和网格布局grid)和定位(position:static,relative
    1.弹性布局flex文章地址:https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html2.网格布局grid地址:https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutor......
  • 9、electron子窗口向父窗口传递参数
    主要用到了js里面的 window.opener.postMessage(); 在html页可以直接运行,跟electron没有直接关系1、新建父窗口页“06父窗口接收子窗口.html”1<!DOCTYPEhtml>......
  • selenium屏蔽启动浏览器启动时的提示信息
    代码fromseleniumimportwebdriverfromselenium.webdriverimportRemotefromwebdriver_helperimportdebugger,get_webdriverchrome_options=webdriver.Chro......
  • digital envelope routines::unsupported
    windows装了高版本的nodejs,运行或构建VUE项目时可能会出现error:0308010C:digitalenveloperoutines::unsupported的错误。解决方法是:在运行或构建项目之前设置setNOD......
  • centos7 ELK的搭建
    介绍ElasticStack有四个主要组件:Elasticsearch:一个分布式RESTful搜索引擎,存储所有收集的数据。Logstash:ElasticStack的数据处理组件,将传入数据发送到Elasticsearch。......
  • ELK中Kibana切换中文语言
    Kibana6版本后可以支持中文了,默认Kibana界面都是英文显示,对于国内开发者不是很友好,但Kibana6版本之后是支持多语言的,我们只需在其配置文件中增加一行配置,就可以实现中文......
  • ELK模拟收集nginx日志
    ​这里我额外用了台服务器​​nginx​​-demo(172.16.10.125)使用epel源不然直接用命令安装nginx,提示没有可用的软件包​yuminstallepel-release//安装epelyumupdate......