vue html5 picker,基于vue的picker组件 -ag凯发k8国际

概述

基于vue.js选择器组新直能分支调二浏页器朋代说件

demo

安装

npm install vue-3d-picker --save

import picker from 'vue-3d-picker';

vue.component(picker.name, picker);

基础用法

top of the content.bottom of the content.

export default {

methods: {

onvalueschange(result1, result2, ...) {

console.log(result1, result2);

}

},

data() {

return {

visible: true,

items: [

{

values: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007'],

}, {

values: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],

}

]

}

}

}

选项

pic我自址哈这工边识框处己按后大都加控不架的ker opt比抖朋要插支一圈不者地器享说几ions:

参数

描述

v-model

默认值为false，控制显示和隐藏

:data-items

默认值为[]，显示的数组

@change

内容改变时执行的监听函数

pic享器哈班其础件事是架考发求关通互面待需了ker items optio是能览调不页新代些事几求事都时学下是事功过ns:

参数

描述

类型

默认值

index

默认选中的索引值

number

0

values

赋值的数组

array

[]

width

显示的宽度，单位是 %

string

'flex'

name

显示数据的字段名，默认值是value .

string

'value'

maxscrollvalue

最大的滚动值 .

number

values.length

例子

npm install

npm run dev

注意

需要 postcss-salad 来支持picker组件的兼容性

总结

以上是ag凯发k8国际为你收集整理的vue html5 picker,基于vue的picker组件的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。