更新记录

1.0.0（2022-11-08）

发布

平台兼容性

nx-mult-select 多选弹窗

适用 Vue2 、 Vue3。内部使用了 uni-popup 、 uni-icon , 请自行添加

内容部分可滚动，支持回显

props

event

expose(父组件可通过 ref 方式调用的事件)

使用示例

<template>
    <view class="content">
        <button @click="openPop">打开</button>
        <nx-mult-select ref="mulSelect" :range="range" :defaultSelect="selection" labelKey="name" valueKey="id"
            @confirm="onConfirm">
        </nx-mult-select>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                selection: ['1', '2', '5'],
                range: [
                    { id: '1', name: '1' },
                    { id: '2', name: '2' },
                    { id: '3', name: '3' },
                    { id: '4', name: '4' },
                    { id: '5', name: '5' },
                    { id: '6', name: '6' },
                    { id: '7', name: '7' },
                    { id: '8', name: '8' },
                    { id: '9', name: '9' },
                    { id: '10', name: '10' },
                    { id: '11', name: '11' },
                    { id: '12', name: '12' },
                ]
            }
        },
        onLoad() {

        },
        methods: {
            openPop() {
                this.$refs.mulSelect.open()
            },
            onConfirm(res) {
                console.log(' onConfirm ====> res', res);
            }
        }
    }
</script>

<style>
</style>