vue html5 picker,基于vue的picker组件
概述
基于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组件的兼容性
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！