可选列表可以配置单选、多选,能够配置图标,可以灵活地应用于开发过程中的选择场景。
gui-select-list : GraceUI 组件目录/gui-select-list.vue
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
items | Array | [] | 选项数组,格式见演示代码 |
type | String | '' | radio 单选, checkbox 多选 |
checkedType | String | right | right - 右侧对钩形式 [ 适合单选 ],ring - 左侧圆环形式 [ 适合多选 ] |
isBorder | Boolean | true | 是否展示下边框 |
maxSize | Number | 0 | 多选时最多选择数,0 代表不限制 |
checkedClass | Array | ['gui-primary-color'] | 选中图标样式 |
@change : 选中项改变时触发,携带数据已选择数据索引值(多选时为一个索引数组)。
@maxSed : 多选模式下超过最大选项时触发。
getSelectedIndex
获取组件内部数据中已选中数据的索引,返回数组形式的索引数据,默认为 [],也可以使用返回值长度判断选中数据数量;