基于vue的picker组件

andot 发布于2019-08-01 15:51 / 1913人阅读

摘要：概述基于选择器组件安装基础用法选项参数描述默认值为，控制显示和隐藏默认值为，显示的数组内容改变时执行的监听函数参数描述类型默认值默认选中的索引值赋值的数组显示的宽度，单位是显示数据的字段名，默认值是最大的滚动

概述

基于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/...

海外云主机服务器托管 vue组件 vue组件开发 vue父子组件通讯 vue轮播组件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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