Skip to content

Picker View 选择器容器

基础用法

  • 本组件是基于官方 picker-view 的封装,扩展了禁用项功能和样式,使用更加方便快捷
vue
<template>
	<sn-picker-view v-model="value" :data="data"></sn-picker-view>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
v-model当前选中的选项索引数组Array<Number>[]-
data选择器容器数据数组,每个子数组代表一列Array<SnDataItem[][]>[]-
disabled是否禁用选择器容器Booleanfalsetrue | false
height选择器容器高度String250px-
itemHeight选项高度String50px-
itemBorderRadius选项圆角大小String$normal-
itemTextColor选项文字颜色String$textLight(亮色模式)
$lineText(暗黑模式)
-
itemTextSize选项文字大小String$2-
activeItemTextColor激活选项文字颜色String$text-
disabledItemTextColor禁用选项文字颜色String$disabledText-
columnSpacing列间距String10px-
customStyle自定义选择器容器样式UTSJSONObject{}-
customItemStyle自定义选项样式UTSJSONObject{}-
customColumnStyle自定义列样式UTSJSONObject{}-

事件

名称类型说明
change(v:number[]) => void选项改变时触发

使用 MIT 协议