首页 > 其他分享 >elementPlus+vue3易踩的坑之el-radio单选框:为什么默认选项都被勾选了?

elementPlus+vue3易踩的坑之el-radio单选框:为什么默认选项都被勾选了?

时间:2024-05-30 14:59:03浏览次数:20  
标签:el elementPlus 单选框 通过 value label radio

出错的效果:

选项都被选中了......

明明是从elementplus复制过来的代码(如下),怎么会出现这个情况呢?

<el-radio-group v-model="radio">
						<el-radio value="1">通过</el-radio>
						<el-radio value="2">不通过</el-radio>
					</el-radio-group>


const radio= ref(1);

解决办法:

将el-radio的value修改为label就可以啦!

<el-radio-group v-model="radio">
						<el-radio label="1">通过</el-radio>
						<el-radio label="2">不通过</el-radio>
					</el-radio-group>


const radio= ref(1);

原因说明:

elementPlus官方解释:

label 作为 value 来使用已经被 废弃, 建议label 只用来表示展示的文字,这个被废弃的用法将会在 elementPlus   3.0.0 版本被移除,新 API value 在2.6.0 中已经可用,您可以使用 value API 来设置复选框的值。

也就是说,elementPlus的版本在2.6.0 以下的同学,还是要使用label字段的哟!可以通过修改为label字段解决这个问题,也可通过升级elementPlus版本来解决这个问题呦!

标签:el,elementPlus,单选框,通过,value,label,radio
From: https://blog.csdn.net/weixin_43312391/article/details/139239256

相关文章

  • 认识Excel和Excel的一些知识点
    认识Excel:Excel是一款功能强大的电子表格软件,广泛应用于数据分析、数据处理、图表制作等工作中。本文将介绍Excel的基础知识,包括单元格、工作表、函数、筛选和排序等内容。我们来了解一下Excel中的单元格。单元格是Excel中最基本的单位,由列字母和行数字组成,例如A1、B2等。每......
  • 如何隐藏 Firefox 窗口(Selenium WebDriver)?
    在Python中使用SeleniumWebDriver隐藏Firefox窗口通常涉及到配置FirefoxOptions来禁用其图形界面的显示。以下是一个详细的步骤和代码示例:1.首先,确保你已经安装了selenium库,以及geckodriver(适用于Firefox浏览器)。如果还没有安装,可以通过pip进行安装:```bashpipinstallsel......
  • Notes: Understanding the linux kernel Chapter 9 Process Address Space
    ProcessAddressSpaceWhenaUserModeprocessasksfordynamicmemory,itdoesn’tgetadditionalpageframes;instead,itgetstherighttouseanewrangeoflinearaddresses,whichbecomepartofitsaddressspace.Thisintervaliscalleda“memoryre......
  • 关于前端上传excell时间的问题
    当前端导入excell里的数据时,只能获取到下面类似的这种数据Excel存储的日期是从1900年1月1日开始按天数来计算的,也就是说1900年1月1日在Excel中是1。转化的思路和对Excel中的错误的处理因为时间戳是从1970年1月1日算起的(时间戳为0的时候是1970年1月1日)也就是说newDate(0).toLo......
  • 利用Python和Selenium进行网页自动化:全面教程
    引言在当今数字化时代,自动化测试和网页交互变得越来越重要。Python,作为一种易于学习和功能强大的编程语言,与Selenium结合使用,为网页自动化提供了强大的支持。本教程将深入介绍如何使用Python和Selenium进行网页自动化,从而实现高效的数据抓取、自动化测试和网页交互。什么......
  • 常用shell脚本
    数字和字符:#!/bin/basha=10b=20#===============================数字运算==============================val=$[a+b]val=$[a-b]val=$[b/a]val=$[4*(a+b)]#===============================数字比较==============================if[$a-eq$b];thenif[......
  • 深入探讨Function Calling:在Semantic Kernel中的应用实践
    引言上一章我们熟悉了OpenAI的functioncalling的执行原理,这一章节我们讲解一下functioncalling在SemanticKernel的应用。在OpenAIPromptExecutionSettings跟LLM交互过程中,ToolCallBehavior的属性之前我们的章节有介绍过ToolCallBehavior:属性用于获取或设置如何......
  • hello world
    一号标题二号标题三号标题四号标题五号标题六号标题#######七号标题无序列表无序列表无序列表无序列表无序列表无序列表有序列表有序列表有序列表有序列表代码块引用System.out.println("Helloworld");代码块引用代码段引用publicstaticvoidmain......
  • Learning Latent Permutations with Gumbel-Sinkhorn Networks
    目录概SinkHornoperatorMeanG.E.,BelangerD.,LindermanC.andSnoekJ.Learninglatentpermutationswithgumbel-sinkhornnetworks.ICLR,2018.概本文提出了一种自动学习permutations的方法.SinkHornoperatorSinkHornoperator的操作流程如下:\[S^{0}(......
  • Red Hat Enterprise Linux (RHEL) 8.10 发布 - 红帽企业 Linux 8 完美终结版
    RedHatEnterpriseLinux(RHEL)8.10(x86_64,aarch64)-红帽企业Linux红帽企业Linux8完美终结版请访问原文链接:RedHatEnterpriseLinux(RHEL)8.10(x86_64,aarch64)-红帽企业Linux,查看最新版。原创作品,转载请保留出处。作者主页:sysin.org2024年5月......