更新记录

1.0.5（2023-09-19）

添加点击切换；

1.0.4（2023-05-05）

添加confirm及cancel事件；

1.0.3（2023-05-04）

优化：减少参数、超出隐藏、样式定义等等

平台兼容性

基本用法

<template>
    <view class="content">
        <button type="default" @tap="pickerShow">点击显示{{JSON.stringify(curIndexs)}}</button>
        <ch-picker ref="ChPicker" position="bottom" :columns="columns" :defaultIndex="curIndexs" @change="pickerChange">
        </ch-picker>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                curIndexs: [2, 1, 1],
                columns: [
                    [{label: 0,value: 0,},{label: 1,value: 1,},{label: 2,value: 2,},{label: 3,value: 3,},],
                    [{label: 0,value: 0,},{label: 1,value: 1,},{label: 2,value: 2,},{label: 3,value: 3,},],
                    [{label: 0,value: 0,},{label: 1,value: 1,},{label: 2,value: 2,},{label: 3,value: 3,},]
                ],
            }
        },
        onLoad() {},
        methods: {
            pickerShow() {
                this.$refs.ChPicker.show()
            },
            pickerChange(e) {
                // console.log(e);
                this.curIndexs = e.indexs
            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>

启动方式

`this.$refs.ChPicker.show()`

属性

事件