首页 > 微信 > 详细

微信小程序radio组件

时间:2019-01-09 18:08:53      阅读:253      评论:0      收藏:0      [点我收藏+]

wxml文件

<radio-group bindchange="changeme">
<label wx:for={{items}}>
<radio value={{item.value}} checked={{item.checked}} />
{{item.name}}
</label>
</radio-group>

js文件

Page({

  /**
   * 页面的初始数据
   */
  data: {
    items: [
      { name: USA, value: 美国 },
      { name: CHN, value: 中国, checked: true },
      { name: BRA, value: 巴西 },
      { name: JPN, value: 日本 },
      { name: ENG, value: 英国 },
      { name: TUR, value: 法国 },
    ]
  },
  changeme:function(e){
    var a = e.detail.value;
    console.log(a);
  }

  
})

radio要用radio-group包住。

只有一个bindchange事件。当change这个radio的时候,事件会e.detail.change一个当前选择的value出来。

微信小程序radio组件

原文:https://www.cnblogs.com/fuckingPangzi/p/10245748.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!