资讯专栏INFORMATION COLUMN

基于vue的picker组件

xiaowugui666 / 3045人阅读

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

概述

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

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

转载请注明本文地址:https://www.ucloud.cn/yun/91044.html

相关文章

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

    摘要:本组件停止维护组件库请移步小程序组件库请移步有赞前端大量坑位,内推私信基于的移动端组件支持单列多列和联级数据内置时间日期数据滚轮效果颜色可配置已启用试试离线访问吧点击查看详细使用方法参照源码参数描述可选类型默认详细描述 ⚠️ DEPRECATED 本组件停止维护 ⚠️ Vue 组件库请移步 Vant ⚠️ 小程序组件库请移步 Vant Weapp ⚠️ 有赞前端大量坑位,内推私信 v...

    Lsnsh 评论0 收藏0
  • 基于vuepicker组件

    摘要:概述基于选择器组件安装基础用法选项参数描述默认值为,控制显示和隐藏默认值为,显示的数组内容改变时执行的监听函数参数描述类型默认值默认选中的索引值赋值的数组显示的宽度,单位是显示数据的字段名,默认值是最大的滚动 概述 基于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前后端通用组件开发心得-菜鸟篇

    摘要:最好能使用一套模板渲染前后端的数据,也就是模板和某些简单组件可以同构。开发组件因为需要让服务端也能使用,单文件的开发方式我目前是没有找到可以让读取的方式,所以就暂时放弃了。这种通用组件写法只适合比较简单的项目。 项目情况 我使用的是express做为服务器框架,只需要调用后台API接口获得数据,然后把数据渲染成html就可以了。最好能使用一套模板渲染前后端的数据,也就是模板和某些简单组...

    weakish 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<