概述

基于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組件的兼容性

總結

以上是生活随笔為你收集整理的vue html5 picker,基于vue的picker组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。