更新记录

1.0.0（2022-10-07） 下载此版本

上传

平台兼容性

picker选择器 带有分页功能

说明

• 已经支持H5和微信小程序，其他端需自测

• 分页组件引用了https://gitee.com/lunc9932/pagination

• 分页组件可自行选择

  特点

• 选择数据过多时，分页，使用更加人性化

快速上手

1. 解压下载的压缩包，将组件放在项目的components目录下

2.基本用法

在template中使用组件

<MyPickerView v-model="isShowPark" :page="page" :options="cityOptions" range-key="name" title="籍贯"
            @change="handleChangePark" @pagechange="pagechange"></MyPickerView>

在script中使用

import MyPickerView from '@/components/myPickerView/myPickerView.vue'
export default {
    components: {
        MyPickerView
    },
    data() {
        return {
            page: {
                total: 30,
                pageSize: 10,
                currentPage: 1
            },
            form: {
                parkLabel: "",
                parkValue: ""
            },
            cityOptions: [{name: '北京',value: "beijing"},
                {name: '天津',value: "tinajin"},
                {name: '广州',value: "guangzhou"},
                {name: '深圳',value: "shenzhen"},
                {name: '成都',value: "chengdu"},
                {name: '武汉',value: "wuhan"},
                {name: '重庆',value: "chongqing"},
                {name: '贵州',value: "guizhou"},
                {name: '四川',value: "sichuan"},
            ],
            isShowPark: false
        }
    }
}