更新记录

1.0.8（2022-06-23）

点击空白处自动关闭内容选择框

1.0.7（2022-05-20）

优化了箭头的显示

平台兼容性

在使用本组件前请确保已经安装scss

目前只测试了H5，APP,小程序可以正常使用，其他的请自测。

在微信小程序中keyName必须传，否则会报错

props

events

使用举例

需要绑定的值通过v-model绑定，如下面的chooseValue，需要获取item的其他值可以监听@change事件

开启多选multiple时，双向绑定的值为数组类型，在change事件中根据自己需求进行处理。

<template>
    <view>
        <w-select  v-model='chooseValue' defaultValue="所有审批人" :list='list' keyName='id' valueName='content'
          @change='change'></w-select>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                chooseValue: "",
                list: [{
                    id: 1,
                    content: '11'
                }, {
                    id: 2,
                    content: '22'
                }, {
                    id: 3,
                    content: '33'
                }]
            };
        },
        methods: {
            change(e) {
                console.log('chooseValue', this.chooseValue)
            }
        },
    }
</script>