微信小程序学习——radio组件的坑

背景

前些天开发小程序时用到单项选择，首先想到使用radio组件，但是实际上效果不太好，
多次切换选项然后重新进入页面时，选项切换不灵活，导致有时切换失败，采用wx.showActionSheet组件可以很好的解决这个问题

wx.showActionSheet(OBJECT)

贴上开发文档

显示操作菜单

OBJECT参数说明：

参数	类型	必填	说明
itemList	String Array	是	按钮的文字数组，数组长度最大为6个
itemColor	HexColor	否	按钮的文字颜色，默认为”#000000”
success	Function	否	接口调用成功的回调函数，详见返回参数说明
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

success返回参数说明：

参数	类型	说明
tapIndex	Number	用户点击的按钮，从上到下的顺序，从0开始

示例代码：

wx.showActionSheet({
  itemList: ['A', 'B', 'C'],//选项
  success: function(res) {
    console.log(res.tapIndex)
  },
  fail: function(res) {
    console.log(res.errMsg)
  }
})

tip: wx.showActionSheet 点击取消或蒙层时，回调 fail, errMsg 为 “showActionSheet:fail cancel”；

效果(点击性别)：