基于vue的picker組件

andot 發布于2019-08-01 15:51 / 2077人閱讀

摘要：概述基于選擇器組件安裝基礎用法選項參數描述默認值為，控制顯示和隱藏默認值為，顯示的數組內容改變時執行的監聽函數參數描述類型默認值默認選中的索引值賦值的數組顯示的寬度，單位是顯示數據的字段名，默認值是最大的滾動

概述

基于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);

基礎用法


    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:

參數	描述
v-model	默認值為false，控制顯示和隱藏
:data-items	默認值為[]，顯示的數組
@change	內容改變時執行的監聽函數

Picker Items Options:

參數	描述	類型	默認值
index	默認選中的索引值	Number	0
values	賦值的數組	Array	[]
width	顯示的寬度，單位是 %	String	"flex"
name	顯示數據的字段名，默認值是value .	String	"value"
maxScrollValue	最大的滾動值 .	Number	values.length

例子

npm install

npm run dev

注意

需要 postcss-salad 來支持picker組件的兼容性

原文：https://xiecg.github.io/2016/...

云服務器 GPU云服務器 vue組件 vue組件開發 vue父子組件通訊 vue輪播組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50163.html

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

摘要：本組件停止維護組件庫請移步小程序組件庫請移步有贊前端大量坑位，內推私信基于的移動端組件支持單列多列和聯級數據內置時間日期數據滾輪效果顏色可配置已啟用試試離線訪問吧點擊查看詳細使用方法參照源碼參數描述可選類型默認詳細描述 ?? DEPRECATED 本組件停止維護 ?? Vue 組件庫請移步 Vant ?? 小程序組件庫請移步 Vant Weapp ?? 有贊前端大量坑位，內推私信 v...

Lsnsh 2019-08-22 15:20 評論0 收藏0
基于vue的picker組件

摘要：概述基于選擇器組件安裝基礎用法選項參數描述默認值為，控制顯示和隱藏默認值為，顯示的數組內容改變時執行的監聽函數參數描述類型默認值默認選中的索引值賦值的數組顯示的寬度，單位是顯示數據的字段名，默認值是最大的滾動概述基于vue.js選擇器組件 github: https://github.com/xiecg/vue-... DEMO vue-picker 安裝 npm install ...

xiaowugui666 2019-08-22 10:40 評論0 收藏0
一個很好用的 vue-picker組件

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

molyzzx 2019-08-20 19:01 評論0 收藏0
Vue.js前后端通用組件開發心得-菜鳥篇

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

weakish 2019-08-19 18:00 評論0 收藏0