基于Vue的选择器组件
时间:2023-04-02 15:37:17
HTML
概述基于vue.js选择器组件github:https://github.com/xiecg/vue-...DEMOvue-pickerinstallnpminstallvue-3d-picker--saveimportpickerfrom'vue-3d-picker';Vue.component(picker.name,picker);基本用法内容顶部。
内容底部。 exportdefault{methods:{onValuesChange(result1,result2,...){console.log(结果1,结果2);}},data(){return{visible:true,items:[{values:['2000','2001','2002','2003','2004','2005','2006','2007'],},{值:['1','2','3','4','5','6','7','8','9','10','11','12'],}]}}}OptionsPickerOptions:参数说明v-model默认值为false,控制显示和隐藏:data-items默认值为[],执行的监听函数当显示的数组@changecontent改变时PickerItemsOptions:参数描述类型默认值索引默认选中索引值Number0values赋值的数组Array[]width显示宽度,单位为%String'flex'name显示数据的字段名,默认值为value.String'value'maxScrollValue最大滚动值。Numbervalues.length示例npminstallnpmrundev注意需要postcss-salad支持picker组件兼容原文:https://xiecg.github.io/2016/...