平台兼容性

使用说明

• 下载插件放至components中

• 引入并注册组件

  import axbCheckBox from '../../components/axb-checkbox/axb-checkbox.vue'
  ...
  components: {
      axbCheckBox
  },

• 使用(请使用flex布局，并允许换行) 单选

  <view class="filter-body-section-body style-flex style-flex-wrap">
  <axb-check-box ref="radio3" :list="sartTime" @change="radioChangeType"></axb-check-box>
  </view>
  ...
  data(){
  return {
      sartTime: [{ // 开始日期
          name: '过去三天',
          value: '3day',
          checked: 0
      }, {
          name: '过去一周',
          value: '1week',
          checked: 0
      }, {
          name: '过去一月',
          value: '1month',
          checked: 0
      }, {
          name: '过去半年',
          value: '6month',
          checked: 0
      }, {
          name: '过去一年',
          value: '1year',
          checked: 0
      }],
  }
  }

• 选中事件

  radioChangeType = function(val) {
  console.log(val) // 单选时 返回选中项的value, 反选返回null
  }

• 多选示例 (设置multi为true)

  <view class="filter-body-section-body style-flex style-flex-wrap">
  <filter-radio ref="radio1" :multi="true" :list="listDatas" @change="radioChangeStatus"></filter-radio>
  </view>
  ...
  { 
  name: '全部',
  value: 'all', // all 表示全选
  checked: 0
  }
  ...
  radioChangeStatus = function(val) {
  console.log(val) // 多选时 返回选中项的value数组, 反选返回[]
  }

注意事项 为防止选项过多造成多行布局混乱，请在外场包裹一层flex布局