位置: 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 是什么)

  • 利用微信营销如何吸引目标用户浅析(如何利用微信营销)

    利用微信营销如何吸引目标用户浅析(如何利用微信营销)

  • 华为手机录屏怎么弄(华为手机录屏怎么没有声音)

    华为手机录屏怎么弄(华为手机录屏怎么没有声音)

  • 此计算机没有运行window无线服务(此计算机没有运行怎么办)

    此计算机没有运行window无线服务(此计算机没有运行怎么办)

  • 活体人脸识别总是失败(人脸识别活体检测失败是什么)

    活体人脸识别总是失败(人脸识别活体检测失败是什么)

  • 打印机可以远程打印吗(打印机可以远程手机打印吗)

    打印机可以远程打印吗(打印机可以远程手机打印吗)

  • ipadmini屏幕自己乱跳(ipad屏幕自己亮怎么办)

    ipadmini屏幕自己乱跳(ipad屏幕自己亮怎么办)

  • 短信可以群发吗(手机可以群发短信吗)

    短信可以群发吗(手机可以群发短信吗)

  • 华为手机指纹设置突然没有(华为手机指纹设置怎么设置啊)

    华为手机指纹设置突然没有(华为手机指纹设置怎么设置啊)

  • 探探没上线会更新位置距离吗(探探上的人不上线怎么办)

    探探没上线会更新位置距离吗(探探上的人不上线怎么办)

  • 苹果usbc和type-c的区别(苹果usbc和闪电接口区别)

    苹果usbc和type-c的区别(苹果usbc和闪电接口区别)

  • 酷喵会员可以几个人用(酷喵会员可以几台电视用)

    酷喵会员可以几个人用(酷喵会员可以几台电视用)

  • 什么叫机顶盒(什么叫机顶盒电视)

    什么叫机顶盒(什么叫机顶盒电视)

  • 淘宝海外版叫什么(淘宝店铺海外版)

    淘宝海外版叫什么(淘宝店铺海外版)

  • 快手通过说说添加什么意思(快手说说可以设置为私密或自己看吗)

    快手通过说说添加什么意思(快手说说可以设置为私密或自己看吗)

  • 索尼耳机怎么查询真伪(索尼耳机怎么查找耳机位置)

    索尼耳机怎么查询真伪(索尼耳机怎么查找耳机位置)

  • 手机扣扣如何恢复好友(手机上扣扣怎么恢复好友)

    手机扣扣如何恢复好友(手机上扣扣怎么恢复好友)

  • 怎么解除拼多多的免密支付(怎么解除拼多多银行卡签约的快捷支付)

    怎么解除拼多多的免密支付(怎么解除拼多多银行卡签约的快捷支付)

  • maral00是华为什么型号(mar aloo华为什么型号)

    maral00是华为什么型号(mar aloo华为什么型号)

  • 路由器ipv6有啥用(路由器ipv6有什么作用)

    路由器ipv6有啥用(路由器ipv6有什么作用)

  • 荣耀手环4怎么拒接电话(荣耀手环4怎么开机)

    荣耀手环4怎么拒接电话(荣耀手环4怎么开机)

  • xp系统任务栏怎么还原底部

    xp系统任务栏怎么还原底部

  • 抖音关注太快了怎么办(抖音关注太快了怎么解除)

    抖音关注太快了怎么办(抖音关注太快了怎么解除)

  • 淘宝pc端是什么意思(淘宝pc版是什么)

    淘宝pc端是什么意思(淘宝pc版是什么)

  • p30支持红外线遥控吗(p30支持红外线遥控功能吗)

    p30支持红外线遥控吗(p30支持红外线遥控功能吗)

  • hry一al00a是什么型号(hry-al00是什么手机)

    hry一al00a是什么型号(hry-al00是什么手机)

  • dedecms织梦搜索页有缩略图调用缩略图,无缩图则不显示缩略图(织梦论坛)

    dedecms织梦搜索页有缩略图调用缩略图,无缩图则不显示缩略图(织梦论坛)

  • 个人独资企业要交税吗
  • 解除劳动合同员工不同意
  • 发票代码和发票号码是什么
  • 建筑业统一发票税率多少
  • 哪些企业可以享受加计扣除优惠政策?
  • 外贸企业出口采购流程
  • 税务机关退水利基金怎么做账?
  • 收到银行退回的银行汇票多余款
  • 当月有待发货如何退货
  • 公司茶水间备的零食该计入什么会计科目核算?
  • 销售退回 账务处理
  • 印刷配件有哪些
  • 企业核税需要什么资料
  • 减税降费各项政策
  • 高温气温
  • 损益类科目包括收入类和费用类么
  • 接受捐赠固定资产存货等有相关凭据的其成本按什么确定
  • 一张发票上可以开几行
  • 个体工商户起征点10万执行时间
  • MAC系统如何卸载重装安装W7系统
  • win11如何恢复win10
  • 以前年度损益调整怎么做账
  • 跨年的所得税怎么冲
  • 综合资金成本是
  • 工程项目发包是什么意思
  • 固定资产更新改造支出计入什么科目
  • php socket_read
  • 羊肚菌的功效和价格
  • 最小的外置dvd刻机多少寸
  • 坏账准备怎么做资产负债表
  • uniapp打包成h5如何调用原生
  • 报销差旅费凭证怎么做
  • 国税打印发票
  • vue生命周期分别做了什么
  • 开源原则
  • Linux下DedeCMS/织梦CMS安全设置教程
  • dedecms官网
  • 应收账款质押融资平台
  • 工资为0需要申报个税吗
  • 固定资产入账的方式
  • 织梦遍历栏目描述
  • 材料短缺计入成本吗
  • 赠品视同销售价格如何确定
  • 劳务派遣差额征税政策
  • 股份支付的账务如何处理?
  • sql 判断字符串中是否包含数字
  • 管理费用的范畴
  • 网站维护费用
  • 公司开办费的会计分录
  • 税控服务费全额抵扣
  • 国税申报流程怎么操作的
  • 自产产品对外捐赠确认收入吗
  • 售楼部大楼
  • 设备租赁公司如何赚钱最快
  • 筹建期费用需要结转吗
  • 银行回单中借贷表示什么意思
  • 会计基本前提包括会计主体货币计量资料完整和经济效益
  • 物业管理企业应当与居委会共同做好什么工作
  • mysql中的存储过程
  • 配置是什么意思
  • Mac无法连接到iCloud
  • 方正笔记本
  • Win10 Mobile 10549预览版增DPI缩放 瞬间手机变电脑
  • mac插hdmi没画面
  • win8安全模式修复
  • windows8如何使用
  • vps禁用ipv6
  • mongoose怎么用
  • Unity3D游戏开发标准教程
  • Unity3D游戏开发培训课程大纲
  • unity android build support
  • android连接手机
  • 安卓两页合并到下一页
  • js获取
  • python包含指定内容的字符串
  • 农机免税范围
  • 于开年 山东省国家税务局
  • 贵州企业申报系统
  • 盐城买家电到哪里买
  • 工资个人所得税法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设