平台兼容性

使用说明

  • 下载插件放至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布局

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问