摘要:概述基于選擇器組件安裝基礎(chǔ)用法選項參數(shù)描述默認(rèn)值為,控制顯示和隱藏默認(rèn)值為,顯示的數(shù)組內(nèi)容改變時執(zhí)行的監(jiān)聽函數(shù)參數(shù)描述類型默認(rèn)值默認(rèn)選中的索引值賦值的數(shù)組顯示的寬度,單位是顯示數(shù)據(jù)的字段名,默認(rèn)值是最大的滾動
概述
基于vue.js選擇器組件
github: https://github.com/xiecg/vue-...
DEMOvue-picker
安裝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"], } ] } } }選項
Picker Options:
參數(shù) | 描述 |
---|---|
v-model | 默認(rèn)值為false,控制顯示和隱藏 |
:data-items | 默認(rèn)值為[],顯示的數(shù)組 |
@change | 內(nèi)容改變時執(zhí)行的監(jiān)聽函數(shù) |
Picker Items Options:
參數(shù) | 描述 | 類型 | 默認(rèn)值 |
---|---|---|---|
index | 默認(rèn)選中的索引值 | Number | 0 |
values | 賦值的數(shù)組 | Array | [] |
width | 顯示的寬度,單位是 % | String | "flex" |
name | 顯示數(shù)據(jù)的字段名,默認(rèn)值是value . | String | "value" |
maxScrollValue | 最大的滾動值 . | Number | values.length |
npm install npm run dev注意
需要 postcss-salad 來支持picker組件的兼容性
原文:https://xiecg.github.io/2016/...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/91044.html
摘要:本組件停止維護(hù)組件庫請移步小程序組件庫請移步有贊前端大量坑位,內(nèi)推私信基于的移動端組件支持單列多列和聯(lián)級數(shù)據(jù)內(nèi)置時間日期數(shù)據(jù)滾輪效果顏色可配置已啟用試試離線訪問吧點擊查看詳細(xì)使用方法參照源碼參數(shù)描述可選類型默認(rèn)詳細(xì)描述 ?? DEPRECATED 本組件停止維護(hù) ?? Vue 組件庫請移步 Vant ?? 小程序組件庫請移步 Vant Weapp ?? 有贊前端大量坑位,內(nèi)推私信 v...
摘要:概述基于選擇器組件安裝基礎(chǔ)用法選項參數(shù)描述默認(rèn)值為,控制顯示和隱藏默認(rèn)值為,顯示的數(shù)組內(nèi)容改變時執(zhí)行的監(jiān)聽函數(shù)參數(shù)描述類型默認(rèn)值默認(rèn)選中的索引值賦值的數(shù)組顯示的寬度,單位是顯示數(shù)據(jù)的字段名,默認(rèn)值是最大的滾動 概述 基于vue.js選擇器組件 github: https://github.com/xiecg/vue-... DEMO vue-picker 安裝 npm install ...
摘要:走了一圈都沒有找到自己想要的移動端的的組件,于是自己就下手,擼了一個出來,感受下效果圖。 vue-picker a picker componemt for vue2.0 走了一圈 github 都沒有找到自己想要的移動端的 vue-picker的組件,于是自己就下手,擼了一個出來,感受下效果圖。showImg(https://segmentfault.com/img/remote/...
摘要:最好能使用一套模板渲染前后端的數(shù)據(jù),也就是模板和某些簡單組件可以同構(gòu)。開發(fā)組件因為需要讓服務(wù)端也能使用,單文件的開發(fā)方式我目前是沒有找到可以讓讀取的方式,所以就暫時放棄了。這種通用組件寫法只適合比較簡單的項目。 項目情況 我使用的是express做為服務(wù)器框架,只需要調(diào)用后臺API接口獲得數(shù)據(jù),然后把數(shù)據(jù)渲染成html就可以了。最好能使用一套模板渲染前后端的數(shù)據(jù),也就是模板和某些簡單組...
閱讀 1864·2021-11-25 09:43
閱讀 2146·2021-11-19 09:40
閱讀 3422·2021-11-18 13:12
閱讀 1739·2021-09-29 09:35
閱讀 661·2021-08-24 10:00
閱讀 2505·2019-08-30 15:55
閱讀 1709·2019-08-30 12:56
閱讀 1815·2019-08-28 17:59