Vue-stone-picker NPM

picker （Vue 插件)。

如何使用

安装依赖

npm install vue-stone-picker --save-dev

import Vue from 'vue';
import 'vue-stone-picker/picker.css';
import picker from 'vue-stone-picker';

Vue.use(picker);

Picker

Tag Name

v-picker

属性名	类型	默认值	说明
items	Object	无	配置 picker 组件中的选项，备注中会详细说明。
itemHeight	Number	30	每行的高度。
offsetLine	Number	3	上下偏移的行数。
id	Number	uuid	组件的id。

备注：

{
    values: ['BD', 'CG', 'CY'],   // 每一个选项的 value
    displayValues: [ '霸刀', '长歌', '苍云'],    // 对应每一个选项的显示文本，可忽略，如果忽略 displayValues === values
    active: 2,   // 当前激活选项的 value 的索引
    disableds: [1], // 要禁用 displayValues 索引
}

Events

方法名称	说明	参数
change	滚动完成后会触发此事件	当前被激活选项所组成的对象。
setIndex	设置组件要选中的目标	如果 `items.displayValues` 的索引。

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

vue

@infinitebrahmanuniverse/nolb-vue-st @everything-registry/sub-chunk-3093

0.1.1

5 years ago

0.1.0

5 years ago