首页 > 其他分享 >element el-select value-key 的bug

element el-select value-key 的bug

时间:2024-01-11 15:26:07浏览次数:30  
标签:el value label key element bug

 

 bug复现:

     <el-select v-model="form.test" style="width:240px;" clearable  multiple  value-key="value">
          <el-option v-for="item in [{name: 'A公司', value: 0}, {name:'B公司' ,  value: 1 }, {name:'C公司' ,  value: 2 }]" :key="item.value" :label="item.name" :value="item" />
     </el-select>

原因:element-plus  框架里面的 value-key 应该是写死了,必须包含label属性才行

解决办法:选项里面包含label属性

        <el-select v-model="form.test" style="width:240px;" clearable  multiple  value-key="value">
          <el-option v-for="item in [{label: 'A公司', value: 0}, {label:'B公司' ,  value: 1 }, {label:'C公司' ,  value: 2 }]" :key="item.value" :label="item.label" :value="item" />
        </el-select>

 

标签:el,value,label,key,element,bug
From: https://www.cnblogs.com/easyidea/p/17958626

相关文章

  • Rust 从入门到摔门而出门 环境安装 和 Hello, world!
    ###环境安装####&#x20;在Linux或者macOS上安装RustUp环境打开终端,执行下面命令```bashcurl--proto'=https'--tlsv1.2-sSfhttps://sh.rustup.rs|sh```命令不对可以打开[rust官网](https://www.rust-lang.org/learn/get-started)查看最新的rustup脚本连接##......
  • celery 任务
    一、周期性任务示例代码fromdjango.core.mailimportsend_mailfromcelery.task.baseimportperiodic_taskfromcelery.schedulesimportcrontabfromcelery.exceptionsimportSoftTimeLimitExceeded#@periodic_task(run_every=crontab(minute=1,hour='0,7'))......
  • FreeLocked 微信支付开通笔记
    开通对象是收乐财(上海)信息科技有限公司,目前运营的房源资讯网站,我们本来是对标Airbnb尝试了一些民宿预定的线上平台是否能够吸引一些房东或者租户。网址:FreeLocked.com  事实上,电话来不及接,我经常遇到来不及支付电话话费等情况,鉴于目前托管客服也省不了多少钱,我们这块暂时没......
  • Linux服务器日志分析shell命令总结
    1、查看有多少个IP访问:awk'{print$1}'log_file|sort|uniq|wc-l2、查看某一个页面被访问的次数:grep"/index.php"log_file|wc-l3、查看每一个IP访问了多少个页面:awk'{++S[$1]}END{for(ainS)printa,S[a]}'log_file>log.txtsort-n-t''-k2log......
  • 12-Helm Chart:如何在生产环境中释放部署
    通过前面的课程,相信你对Kubernetes中的对象有了很多了解。Kubernetes是一个强大的容器调度系统,你可以通过一些声明式的定义,很方便地在Kubernetes中部署业务。现在你一定很想尝试在Kubernetes中部署一个稍微复杂的系统,比如下面这个典型的三层架构:前端、后端和数据层。(htt......
  • Elastic 安全相关知识
    Elastic安全相关知识证书相关CA证书docker部署不要使用自动生成的证书,找不到CA私钥,对于后续证书的生成是个很大的问题,建议先自己生成CA,再使用自己的CA生成相应证书。#生成一个压缩包,包含一个crt格式的CA证书文件和私钥elasticsearch-certutilca--pem#输入密码......
  • AXI Channel
    AXIChannelaxi与ahb不同就是分为不同的channelwriteaddresschannel-表明一个transaction基本的属性,包含本次传输的地址\类型\大小(多少字节)\包含几次transferwritedatachannel-需要有wdata\字节选通(比如128bit,有多少个字节有效)writeresponse-slave接收到数......
  • k8s集群Node节点管理:节点信息查看及节点label标签管理
    k8s集群Node节点管理:节点信息查看及节点label标签管理Kubernetes集群Node管理一、查看集群信息[root@k8s-master1~]#kubectlcluster-infoKubernetescontrolplaneisrunningathttps://192.168.10.100:6443CoreDNSisrunningathttps://192.168.10.100:6443/api/v1......
  • 【Powershell】Powershell实现TCP通讯
    为什么要在做这个?PowerShell进行TCP通信可以在许多场景中发挥作用,包括但不限于以下几个方面:网络服务监控和管理:通过PowerShell,你可以编写脚本来检查服务器上的网络服务是否可用,例如检查某个端口是否打开、某个服务是否正在运行等。这对于监控和管理网络服务的健康状态非常有用......
  • IntelliJ IDEA Debug模式下结束后继续执行代码问题
    1.默认的配置默认的Debug模式下点击Stop后会继续执行代码。2.设置不继续执行后续代码Preferences->Build,Execution,Deployment->Debugger找到Java那一栏下边可以看到Killthedebugprocessimmediately选项,勾选后点击确定就可以了。或是直接在设置搜索框里输入Kil......