摘要:概述基于选择器组件安装基础用法选项参数描述默认值为,控制显示和隐藏默认值为,显示的数组内容改变时执行的监听函数参数描述类型默认值默认选中的索引值赋值的数组显示的宽度,单位是显示数据的字段名,默认值是最大的滚动
概述
基于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);基础用法
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
摘要:本组件停止维护组件库请移步小程序组件库请移步有赞前端大量坑位,内推私信基于的移动端组件支持单列多列和联级数据内置时间日期数据滚轮效果颜色可配置已启用试试离线访问吧点击查看详细使用方法参照源码参数描述可选类型默认详细描述 ⚠️ DEPRECATED 本组件停止维护 ⚠️ Vue 组件库请移步 Vant ⚠️ 小程序组件库请移步 Vant Weapp ⚠️ 有赞前端大量坑位,内推私信 v...
摘要:概述基于选择器组件安装基础用法选项参数描述默认值为,控制显示和隐藏默认值为,显示的数组内容改变时执行的监听函数参数描述类型默认值默认选中的索引值赋值的数组显示的宽度,单位是显示数据的字段名,默认值是最大的滚动 概述 基于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/...
摘要:最好能使用一套模板渲染前后端的数据,也就是模板和某些简单组件可以同构。开发组件因为需要让服务端也能使用,单文件的开发方式我目前是没有找到可以让读取的方式,所以就暂时放弃了。这种通用组件写法只适合比较简单的项目。 项目情况 我使用的是express做为服务器框架,只需要调用后台API接口获得数据,然后把数据渲染成html就可以了。最好能使用一套模板渲染前后端的数据,也就是模板和某些简单组...
阅读 1824·2021-11-25 09:43
阅读 2111·2021-11-19 09:40
阅读 3348·2021-11-18 13:12
阅读 1706·2021-09-29 09:35
阅读 600·2021-08-24 10:00
阅读 2464·2019-08-30 15:55
阅读 1679·2019-08-30 12:56
阅读 1756·2019-08-28 17:59