更新记录

0.0.7（2023-05-28） 下载此版本

更新使用文档

0.0.6（2023-05-28） 下载此版本

更新使用文档

0.0.5（2023-05-28） 下载此版本

更新使用文档

平台兼容性

wgh-select-multiple 弹层多选器

基本用法

<template>
    <view>
        <wgh-select-multiple v-model="value" :selected-indexs="selectedIndexs" :localdata="localdata" key-value="value"
            @confirm="onConfirm" @clear="onClear" @click=""></wgh-select-multiple>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value: [], // 选中的 value 集合，如果 selectedIndexs 设置了值，组件初始化后会同步更新
                selectedIndexs: [0, 1], // 已选中的索引集合
                localdata: [{
                    "text": "选项1",
                    "value": '11'
                }, {
                    "text": "选项2",
                    "value": '22'
                }, {
                    "text": "选项3",
                    "value": '33'
                }]
            }
        },
        methods: {
            // 点击确定按钮触发，返回 选中的索引集合
            onConfirm(e) {
                console.log(this.value, 'value');
                console.log(e, 'onConfirm');
                this.selectedIndexs = e
            },
            onClear() {
                console.log('onClear');
            },
        }
    }
</script>