当前位置: 首页 > news >正文

el-radio-group 选择一个,全部选中 解决方案

问题描述

在使用el-radio-group时,选择一个radio,所有的radio全部选中 。
原因是在2.6.0之后的版本中,官方推荐使用value来绑定radio的值,但在之前版本中须使用label来绑定值。

在这里插入图片描述

解决方案

2.6.0之前的版本

<template><el-radio-group v-model="radio"><el-radio :label="true">Option A</el-radio><el-radio :label="false">Option B</el-radio></el-radio-group>
</template><script lang="ts" setup>
import { ref } from "vue";const radio = ref(false);
</script>

2.6.0之后的版本

<template><el-radio-group v-model="radio"><el-radio :value="true">Option A</el-radio><el-radio :value="false">Option B</el-radio></el-radio-group>
</template><script lang="ts" setup>
import { ref } from "vue";const radio = ref(false);
</script>

相关文章:

  • [蓝桥杯 2020 省 A1] 超级胶水
  • 顶顶通呼叫中心中间件-自动外呼输入分机号(比如隐私号)(mod_cti基于FreeSWITCH)
  • 信息泄露--注意点点
  • AI大模型应用开发实践:3.使用 tiktoken 计算 token 数量
  • SQL 面试系列(一)【留存率问题】
  • 【论文笔记】Attention is All You Need(NIPS’17)
  • 递增链表去重
  • 【WEEK13】 【DAY3】Shiro第三部分【中文版】
  • SSL证书制作及nginx部署
  • 局域网传文件怎么操作?轻松实现文件共享!
  • 用Python的PyAutoGUI库控制鼠标滚轮
  • 深度学习之基于TensorFlow人脸表情识别
  • 用C语言把一棵普通二叉树安排得明明白白
  • 【重学C++】02 脱离指针陷阱:深入浅出 C++ 智能指针
  • 掌握Edge浏览器的使用技巧
  • ----------
  • 【译】JS基础算法脚本:字符串结尾
  • JavaScript 如何正确处理 Unicode 编码问题!
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • 收藏网友的 源程序下载网
  • 5分钟即可掌握的前端高效利器:JavaScript 策略模式
  • CSS 专业技巧
  • Django 博客开发教程 8 - 博客文章详情页
  • Laravel Telescope:优雅的应用调试工具
  • leetcode388. Longest Absolute File Path
  • leetcode讲解--894. All Possible Full Binary Trees
  • rc-form之最单纯情况
  • React Native移动开发实战-3-实现页面间的数据传递
  • springMvc学习笔记(2)
  • sublime配置文件
  • vue--为什么data属性必须是一个函数
  • 当SetTimeout遇到了字符串
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 微信小程序填坑清单
  • 原生Ajax
  • #includecmath
  • #Js篇:单线程模式同步任务异步任务任务队列事件循环setTimeout() setInterval()
  • #快捷键# 大学四年我常用的软件快捷键大全,教你成为电脑高手!!
  • #我与Java虚拟机的故事#连载04:一本让自己没面子的书
  • $con= MySQL有关填空题_2015年计算机二级考试《MySQL》提高练习题(10)
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (007)XHTML文档之标题——h1~h6
  • (done) 两个矩阵 “相似” 是什么意思?
  • (Note)C++中的继承方式
  • (八)c52学习之旅-中断实验
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (一)UDP基本编程步骤
  • (转)树状数组
  • (转载)(官方)UE4--图像编程----着色器开发