位置: IT常识 - 正文

uniapp中单选按钮的实现(uniapp单选功能)

编辑:rootadmin
uniapp中单选按钮的实现 标签说明:radio-group:单项选择器,内部由多个 <radio> 组成。通过把多个radio包裹在一个radio-group下,实现这些radio的单选。radio:单选项目属性说明:

推荐整理分享uniapp中单选按钮的实现(uniapp单选功能),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp单选框radio选中事件,uniapp单选框radio选中事件,uniapp 选择框,uniapp单选功能,uniapp单选按钮点击选中取消,uniapp单选按钮disabled,uniapp单选按钮点击选中取消,uniapp单选按钮点击选中取消,内容如对您有帮助,希望把文章链接给更多的朋友!

@change:<radio-group> 标签中的radio选中项发生变化时触发 change 事件,event.detail = {value: 选中项radio的value}

value:<radio> 标识。当该 <radio> 选中时,<radio-group> 的 change 事件会携带 <radio> 的 value

uniapp中单选按钮的实现(uniapp单选功能)

checked:当前是否选中,默认值false,类型是布尔值

disabled:是否禁用,默认值是false,类型是布尔值

color:radio的颜色,同css的color

注意

radio的默认颜色,在不同平台不一样。微信小程序是绿色的,字节跳动小程序为红色,其他平台是蓝色的。更改颜色使用color属性。如需调节radio大小,可通过css的scale方法调节,如缩小到70%style="transform:scale(0.7)"radio不是checkbox,点击一个已经选中的radio,不会将其取消选中上代码:<!-- uniapp单选框 --><view class=""><radio-group @change="chang"><label v-for="item in radioGroup" :key="item"><radio :value="item" :checked="item==activeRadio" />{{item}}</label></radio-group></view><script> export default {data() {return {// 单选框数据activeRadio: '', //存的是单选按钮选中的value值radioGroup: ['苹果', '香蕉', '梨', '西红柿', '西瓜']}}, methods: { // 单选按钮发生改变时触发的方法chang(e) {this.activeRadio = e.detail.value; //选中按钮的value值console.log(this.activeRadio);}}</script>

打印结果:

1.获取选中按钮的value值,e.detail.value,赋值给data中activeRadio

本文链接地址:https://www.jiuchutong.com/zhishi/284145.html 转载请保留说明!

上一篇:jsPDF + html2canvas A4分页截断 完美解决方案(含代码 + 案例)

下一篇:mspub.exe是什么进程 有什么作用 mspub进程查询(msmpeng.exe 是什么)

  • 微信的nfc功能有什么用(微信的nfc功能有什么作用)

    微信的nfc功能有什么用(微信的nfc功能有什么作用)

  • 苹果7p摄像头抖动怎么办(苹果7P摄像头抖动模糊怎么解决)

    苹果7p摄像头抖动怎么办(苹果7P摄像头抖动模糊怎么解决)

  • 荣耀9x对比oppok3(荣耀9X对比OppOK9Ⅹ)

    荣耀9x对比oppok3(荣耀9X对比OppOK9Ⅹ)

  • 手机拍照和单反的差距(手机拍照和单反拍照)

    手机拍照和单反的差距(手机拍照和单反拍照)

  • 微信怎么查看把谁免打扰了(微信怎么查看把我删除的人)

    微信怎么查看把谁免打扰了(微信怎么查看把我删除的人)

  • 苹果手机能不能分屏操作(苹果手机能不能分身两个微信)

    苹果手机能不能分屏操作(苹果手机能不能分身两个微信)

  • 聊天时发句号什么意思(聊天的时候发句号)

    聊天时发句号什么意思(聊天的时候发句号)

  • 笔记本更新系统要多久(笔记本更新系统后没有wifi了)

    笔记本更新系统要多久(笔记本更新系统后没有wifi了)

  • 无法访问个人文件夹(无法访问个人文件夹是否自动修复个人文件夹权限)

    无法访问个人文件夹(无法访问个人文件夹是否自动修复个人文件夹权限)

  • 微信辅助解封有记录吗(微信辅助解封有次数限制吗)

    微信辅助解封有记录吗(微信辅助解封有次数限制吗)

  • 小米8门卡模拟没反应(小米门卡模拟成功但是刷不了)

    小米8门卡模拟没反应(小米门卡模拟成功但是刷不了)

  • 拉黑能看到十条朋友圈吗(拉黑能看到十条消息吗)

    拉黑能看到十条朋友圈吗(拉黑能看到十条消息吗)

  • a8 7410相当于i几(a8 7410处理器相当几代i5)

    a8 7410相当于i几(a8 7410处理器相当几代i5)

  • 快手的特别关注在哪里(快手平台点赞)

    快手的特别关注在哪里(快手平台点赞)

  • 抹掉iphone一直显示等待(抹掉iphone一直显示正在等待抹掉怎么办)

    抹掉iphone一直显示等待(抹掉iphone一直显示正在等待抹掉怎么办)

  • 亚马逊海外自营表示什么(亚马逊海外自营多久到货)

    亚马逊海外自营表示什么(亚马逊海外自营多久到货)

  • 小米手机fast boot什么意思(小米手机fastboot 无法开机)

    小米手机fast boot什么意思(小米手机fastboot 无法开机)

  • 内存储器分为哪两大类(内存储器分为哪两种)

    内存储器分为哪两大类(内存储器分为哪两种)

  • 苹果充电次数可以刷吗(苹果充电次数可以被刷掉吗)

    苹果充电次数可以刷吗(苹果充电次数可以被刷掉吗)

  • 亚马逊怎么退货(亚马逊怎么退货退款)

    亚马逊怎么退货(亚马逊怎么退货退款)

  • 手机出现虚电怎么解决(手机出现虚电怎么办vivo)

    手机出现虚电怎么解决(手机出现虚电怎么办vivo)

  • qq删好友是双向的吗(qq好友删除怎么恢复好友三年)

    qq删好友是双向的吗(qq好友删除怎么恢复好友三年)

  • OPPO k5支持双频GPS吗(oppok5双通道网络加速在哪里设置)

    OPPO k5支持双频GPS吗(oppok5双通道网络加速在哪里设置)

  • qq怎么把最近在玩去掉(qq怎么把最近在玩取消掉)

    qq怎么把最近在玩去掉(qq怎么把最近在玩取消掉)

  • 小米analytics能删吗(小米手机怎么删除小米社区)

    小米analytics能删吗(小米手机怎么删除小米社区)

  • 抖音很卡怎么回事(抖音很卡怎么处理)

    抖音很卡怎么回事(抖音很卡怎么处理)

  • 怎么取手机卡(华为怎么取手机卡)

    怎么取手机卡(华为怎么取手机卡)

  • 监控怎么连接手机(监控怎么连接手机远程)

    监控怎么连接手机(监控怎么连接手机远程)

  • kaggle注册以及数据集下载全流程(kaggle官网注册)

    kaggle注册以及数据集下载全流程(kaggle官网注册)

  • 按差额缴纳税款会计分录
  • 行政事业单位住房基金
  • 办理个体户营业执照需要什么条件
  • 原始发票丢失怎么报销
  • 三证合一后银行开户许可证还有吗
  • 流动资产投资的特点有
  • 非独立核算的分公司是什么意思
  • 小规模纳税人核定征收怎么报税
  • 专票住宿费认证怎么操作
  • 个体工商户税收怎么算
  • 银行利息所得税调整方案
  • 网上申请的增值税专用纸质发票收到后如何确认已收到
  • 房地产企业回迁房税收规定
  • 付款凭证和记账凭证一样吗
  • 航天金税电子发票
  • 递延收益摊销会计分录
  • 应收账款坏账准备计提比例
  • 车间机物料消耗属于间接生产费用吗
  • 固定资产清理是什么项目
  • PHP:oci_set_action()的用法_Oracle函数
  • css 栅格
  • win10我无法更改某些设置
  • yii2.0实现验证用户名与邮箱功能
  • php数组函数,选班长
  • 固定资产的税务筹划
  • 金融行业如何征收营业税
  • 赠与房屋再次出售税费
  • 自建办公楼装修效果图
  • 合伙人资本属于股东吗
  • 预缴土地增值税的税率
  • php表单内容写入txt
  • 增值税已认证抵扣
  • 微信公众号模板软件
  • 常用的css样式有哪些
  • 保险公司发票能在异开吗
  • python读取全部文件
  • 计算工业总产值公式
  • phpcms v9官网
  • 利息发票可以抵扣吗
  • 用友t3财务报表导出
  • 房产税收特点有哪些
  • 股权转让不用交税
  • 百度地图api3.0
  • 公司个人借款如何做账
  • 商业折扣应该怎么计算
  • 银行存款期初余额调整会计分录
  • 什么情况需要个人所得税
  • 一个人可以有两张同一个银行的卡吗
  • 不动产进项税额不再分两年抵扣
  • 疫情防控重点保障物资生产企业可以按月
  • 工程预付款发票开什么明细项目
  • 生产性服务企业税率
  • 无形资产计提减值准备计算
  • 销售方开红字发票需要什么信息
  • 购入原材料结转成本怎么算
  • 商品流通企业流程
  • mysql5.5.62安装配置教程
  • 自我挖掘的才干
  • 取消windows开机登录密码
  • centos6.6网卡配置
  • windows开机显示正在清理
  • windows鼠标失灵怎么办
  • win10开启预览
  • 深入解析windows第7版
  • android打包原理
  • Expand、Fasthelp、Fc命令的用法
  • Cocos2dx 疯狂跑酷(CrazyRun)游戏项目解析
  • unityai寻路
  • shell打开日志文件
  • dom使用
  • js闭包详解
  • 猫的游戏视频
  • 广西地方税务局决算公开表
  • 进项税销项税抵扣公式
  • 进口柴油消费税是多少
  • 如果贸易后y产品的相对价格下降很大的话
  • 烟台国家税务局王局长
  • 02112366电子税务局
  • 每月社保缴费截止日期
  • 如何优化企业的筹资结构
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设