Checker

Checker

demo 原始链接demo 源码编辑文档组件源码

checker - 图1

二维码

checker - 图2

Install

安装

局部注册

全局注册

  1. import { Checker, CheckerItem } from 'vux'
  2. export default {
  3. components: {
  4. Checker,
  5. CheckerItem
  6. }
  7. }

  1. // 在入口文件全局引入
  2. import Vue from 'vue'
  3. import { Checker, CheckerItem } from 'vux'
  4. Vue.component('checker', Checker)
  5. Vue.component('checker-item', CheckerItem)

Checker 是比Radio或者Checklist更加灵活的选择组件,可以自定义需要的布局样式。

checker

checker

属性

名字类型默认值说明版本要求
default-item-classstring默认状态class
selected-item-classstring选中样式class
disabled-item-classstring不可选样式class
typestringradio类型,单选为radio, 多选为checkbox
valuestringarray表单值,使用v-model绑定
maxnumber最多可选个数,多选时可用
radio-requiredbooleanfalse在单选模式下是否必选一个值。设为 true 后点击当前选中项不会取消选中。v2.6.3

事件

名字参数说明版本要求
@on-change(value)value值变化时触发

checker-item

checker-item

属性

名字类型默认值说明版本要求
valuestring当前项的值
disabledbooleanfalse是否为不可选

事件

名字参数说明版本要求
@on-item-click(itemValue, itemDisabled)当前项被点击时触发

Issues

相关 issue

贡献者

贡献者

该组件(包含文档)迭代次数 16,贡献人数 2
airylandQiongrong Jiang

Changelog

发布日志

  • v2.6.3 [feature] 支持属性 radio-required 强制单选模式下必选一项 #2004
  • v2.6.0 [fix] 修复 on-change 事件 在使用 :value 绑定的情况下不触发 #1945
  • v2.3.8 [enhance] 当前选中 item 被 disabled 时清除值 #1479
  • v2.3.2 [enhance] 支持在单选的情况下第二次点击时变成不选中当前项 #1468
  • v2.1.1-rc.14 [enhance] 不可选项同样触发事件 on-item-click #1144
  • v2.0.0 [feature] 支持Object类型的值 #705