国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

基于vue的picker組件

xiaowugui666 / 3136人閱讀

摘要:概述基于選擇器組件安裝基礎(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-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

相關(guān)文章

  • 基于 vue picker 組件 vue-awesome-picker

    摘要:本組件停止維護(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...

    Lsnsh 評論0 收藏0
  • 基于vuepicker組件

    摘要:概述基于選擇器組件安裝基礎(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 ...

    andot 評論0 收藏0
  • 一個很好用 vue-picker組件

    摘要:走了一圈都沒有找到自己想要的移動端的的組件,于是自己就下手,擼了一個出來,感受下效果圖。 vue-picker a picker componemt for vue2.0 走了一圈 github 都沒有找到自己想要的移動端的 vue-picker的組件,于是自己就下手,擼了一個出來,感受下效果圖。showImg(https://segmentfault.com/img/remote/...

    molyzzx 評論0 收藏0
  • Vue.js前后端通用組件開發(fā)心得-菜鳥篇

    摘要:最好能使用一套模板渲染前后端的數(shù)據(jù),也就是模板和某些簡單組件可以同構(gòu)。開發(fā)組件因為需要讓服務(wù)端也能使用,單文件的開發(fā)方式我目前是沒有找到可以讓讀取的方式,所以就暫時放棄了。這種通用組件寫法只適合比較簡單的項目。 項目情況 我使用的是express做為服務(wù)器框架,只需要調(diào)用后臺API接口獲得數(shù)據(jù),然后把數(shù)據(jù)渲染成html就可以了。最好能使用一套模板渲染前后端的數(shù)據(jù),也就是模板和某些簡單組...

    weakish 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<