更新记录

1.3.8（2022-01-18） 下载此版本

修复了一些小问题，应该...没问题了吧。。。

1.3.7（2022-01-14） 下载此版本

修复了个bug，该bug导致：手机端使用时，当获取焦点方式展开列表，列表无法滑动

1.3.6（2021-09-22） 下载此版本

修改了插件部分内部元素，防止该组件在app端时，滑动穿透。

平台兼容性

插件使用方法：

<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-lay :zindex="1211" :value="tval" name="name" placeholder="请选择项目" :options="datalist"
                    @selectitem="selectitem">
                </select-lay>
                <view style="height:40rpx"></view>
                <view class="item">禁用组件：</view>
                <select-lay :zindex="1111" :value="tval2" name="name2" placeholder="请选择项目2" :options="datalist2"
                    :disabled="true">
                </select-lay>
                <view style="height:40rpx"></view>
                <view class="item">自定义数据索引对象：</view>
                <select-lay :value="tval3" name="name3" slabel="myname" svalue="myvalue" placeholder="请选择项目3"
                    :options="datalist3" @selectitem="selectitem3">
                </select-lay>
                <view style="height:40rpx"></view>
                <view class="item">取消下拉默认展示的提醒按钮</view>
                <select-lay :value="tval4" name="name4" placeholder="请选择项目4" :showplaceholder="false" :options="datalist4" @selectitem="selectitem4">
                </select-lay>
                <button class="btn" form-type="submit">Submit</button>
            </form>
        </view>
     </template>

     <script>
        export default {
            data() {
                return {
                    //模拟数据列表
                    datalist: [],
                    //模拟初始数据
                    tval: "value2",
                    //模拟数据列表
                    datalist2: [],
                    //模拟初始数据
                    tval2: "2value1",
                    //模拟数据列表
                    datalist3: [],
                    //模拟初始数据
                    tval3: "myvalue1",
                    //模拟数据列表
                    datalist4: [],
                    //模拟初始数据
                    tval4: "4value1"
                }
            },
            onReady() {
                this.datalist = [{
                        label: "label1",
                        value: "value1"
                    },
                    {
                        label: "label2",
                        value: "value2"
                    },
                    {
                        label: "label3",
                        value: "value3"
                    }
                ];
                this.datalist2 = [{
                        label: "2label1",
                        value: "2value1"
                    },
                    {
                        label: "2label2",
                        value: "2value2"
                    },
                    {
                        label: "2label3",
                        value: "2value3"
                    }
                ];
                this.datalist3 = [{
                        myname: "我是myname1",
                        myvalue: "myvalue1"
                    },
                    {
                        myname: "我是myname2",
                        myvalue: "myvalue2"
                    },
                    {
                        myname: "我是myname3",
                        myvalue: "myvalue3"
                    },
                    {
                        myname: "我是myname4",
                        myvalue: "myvalue4"
                    }
                ];
                this.datalist4 = [{
                        label: "4label1",
                        value: "4value1"
                    },
                    {
                        label: "4label2",
                        value: "4value2"
                    },
                    {
                        label: "4label3",
                        value: "4value3"
                    }
                ];

            },
            methods: {
                formSubmit(e) {
                    console.log('form发生了submit事件，携带数据为：' + JSON.stringify(e.detail.value))
                },
                selectitem(index, item) {
                    console.log(item)
                    if (index >= 0) {
                        this.tval = item.value;
                    } else {
                        this.tval = ""
                    }
                },
                selectitem3(index, item) {
                    console.log(item)
                    if (index >= 0) {
                        this.tval3 = item.myvalue;
                    } else {
                        this.tval3 = ""
                    }
                },
                selectitem4(index, item) {
                    console.log(item)
                    if (index >= 0) {
                        this.tval4 = item.value;
                    } else {
                        this.tval4 = ""
                    }
                }
            }
        }
     </script>