微信小程序radio组件

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组件

上一篇:微信 自定义头部


下一篇:张小龙4小时“拖堂”演讲,全面总结微信8年(2019-01-09 转)