当前位置:首页 > 疑难杂症 > 正文内容

【已解决】Element Plus的el-select组件默认值显示问题:value而非label的解决方法

virtualman1年前 (2024-03-25)疑难杂症2390

在使用Element Plus的el-select组件时,有时会遇到一个令人困惑的问题:组件的默认值显示的是value,而不是我们期望的label。这个问题可能会给开发者带来不必要的困扰,特别是在一些对展示内容要求严格的场景下。

首先,我们需要明确一点:el-select组件的默认显示内容是由其绑定的v-model变量决定的。这个变量应该与option的value严格对应,才能正确显示对应的label。如果v-model绑定的变量与option的value类型不匹配,或者根本找不到对应的value,那么组件就可能会默认显示value,而不是我们期望的label。

例如,如果你的option的value是整数类型,那么你的v-model变量也应该是整数类型。如果类型不匹配,你需要进行转换,确保它们严格一致。在传参的时候,route.query获取来的参数如果不强制转换,默认是字符串,本次就是被这里坑了一下。

相关文章

【解决】git上传遇到error: failed to push some refs to的问题

【解决】git上传遇到error: failed to push some refs to的问题

根本原因我们在创建仓库的时候,都会勾选“使用Reamdme文件初始化这个仓库”这个操作初识了一个README文件并配置添加了忽略文件。当点击创建仓库时,它会帮我们做一次初始提交。于是我们的仓库就有了README.m和.gitignore文件,然后我们把本地项目关联到这个仓库,并把项目推送到仓库时,我...

ICMP timestamp请求响应漏洞处理(CVE-1999-0524)

ICMP timestamp请求响应漏洞处理(CVE-1999-0524)

漏洞描述:漏洞描述:远程主机响应ICMP时间戳请求。 时间戳回复是回复时间戳消息的ICMP消息。 它由时间戳的发送者发送的始发时间戳以及接收时间戳和发送时间戳组成。 这个信息理论上可以用来开发其他服务中基于时间的弱随机数发生器。风险级别低。二、加固处理1)防火墙上过滤外来(INPUT)的ICMP t...

使用firewalld解决允许Traceroute探测漏洞

使用firewalld解决允许Traceroute探测漏洞

允许Traceroute探测漏洞解决方法详细描述 本插件使用Traceroute探测来获取扫描器与远程主机之间的路由信息。攻击者也可以利用这些信息来了解目标网络的网络拓扑。解决办法 在防火墙出站规则中禁用echo-reply(type 0)、time-exceeded(type 11)、destin...

C#使用SendMessage传递字符串时,String与IntPtr的转换

使用 IntPtr p = Marshal.StringToHGlobalAnsi(s) 将string类型转换为IntPtr类型...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。