更新记录

1.0.6（2022-08-17）

评论区修复微信小程序端报错

1.0.5（2022-08-15）

应评论区需要，增加分页功能支持

1.0.4（2022-08-15）

修改样式问题，解决评论区说的问题

平台兼容性

插件使用方法：

<select-lay :value="tval" name="name" :options="datalist" @selectitem="selectitem"></select-lay>

配置参数：

事件：

说明：

此插件依赖scss，请务必安装！！！

示例：

    <template>
        <view class="content">
            <form @submit="formSubmit">
                <view class="item">写法：</view>
                <select-cy :value="tval" placeholder="请选择项目" :options="datalist" @change="change"></select-cy>
                <select-cy :value="tval" placeholder="请选择项目1" :options="datalist" @change="change"></select-cy>
                <button type="submit" @click="formSubmit">提交</button>
            </form>
        </view>
    </template>

    <script>
    export default {
        data() {
            return {
                //模拟数据列表
                datalist: [],
                //模拟初始数据
                tval: []
            };
        },
        onReady() {
            this.datalist = [
                {
                    label: 'label1',
                    value: 'value1'
                },
                {
                    label: 'label2',
                    value: 'value2'
                },
                {
                    label: 'label3',
                    value: 'value3'
                },
                {
                    label: 'label4',
                    value: 'value4'
                },
                {
                    label: 'label5',
                    value: 'value5'
                },
                {
                    label: 'label6',
                    value: 'value6'
                },
                {
                    label: 'label7',
                    value: 'value7'
                },
                {
                    label: 'label8',
                    value: 'value8'
                },
                {
                    label: 'label9',
                    value: 'value9'
                }
            ];
        },
        methods: {
            formSubmit(e) {
                console.log(this.tval,'提交参数');
            },
            change(item,value) {
                console.log(item,value);
                this.tval = value;
            }
        }
    };
    </script>

    <style lang="scss">
    .content {
        width: 300px;
        padding: 20px 0;
        margin: 0 auto;

        .item {
            margin-bottom: 10px;
        }

        .btn {
            margin-top: 20px;
        }
    }
    </style>