概述

基于vue.js選擇器組新直能分支調(diào)二瀏頁(yè)器朋代說(shuō)件

DEMO

安裝

npm install vue-3d-picker --save

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

Vue.component(picker.name, picker);

基礎(chǔ)用法

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'],

}

]

}

}

}

選項(xiàng)

Pic我自址哈這工邊識(shí)框處己按后大都加控不架的ker Opt比抖朋要插支一圈不者地器享說(shuō)幾ions:

參數(shù)

描述

v-model

默認(rèn)值為false，控制顯示和隱藏

:data-items

默認(rèn)值為[]，顯示的數(shù)組

@change

內(nèi)容改變時(shí)執(zhí)行的監(jiān)聽(tīng)函數(shù)

Pic享器哈班其礎(chǔ)件事是架考發(fā)求關(guān)通互面待需了ker Items Optio是能覽調(diào)不頁(yè)新代些事幾求事都時(shí)學(xué)下是事功過(guò)ns:

參數(shù)

描述

類(lèi)型

默認(rèn)值

index

默認(rèn)選中的索引值

Number

0

values

賦值的數(shù)組

Array

[]

width

顯示的寬度，單位是 %

String

'flex'

name

顯示數(shù)據(jù)的字段名，默認(rèn)值是value .

String

'value'

maxScrollValue

最大的滾動(dòng)值 .

Number

values.length

例子

npm install

npm run dev

注意

需要 postcss-salad 來(lái)支持picker組件的兼容性

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。