更新记录

1.0.0（2023-12-05） 下载此版本

下拉多选框v1.0.0

平台兼容性

插件使用方法：

`<zyk-selectMultiple ref="zykSelectMultiple" :value="value" :clearable="true" @clear="clear1" @onSelect="" @change="change" @clearItem="clearItem" :options="options" :disabled="false" labelAttrName="text" placeholder="请选择人名" :isShowItemClear="true"

`

配置参数：

事件：

插槽：

说明：

此插件依赖scss和uni-icon，请务必安装！！！

示例：

<template>
    <view @click.stop="click">
        <zyk-selectMultiple
            ref="zykSelectMultiple"
            :value="value"
            :clearable="true"
            @clear="clear1"
            @onSelect=""
            @change="change"
            @clearItem="clearItem"
            :options="options"
            :disabled="false"
            labelAttrName="text"
            placeholder="请选择人名"
            :isShowItemClear="true"
        ></zyk-selectMultiple>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                key: 0,
                value: [],

                options: null,
                // value: ['yukai1', 'yukai4'],
                // options: [
                //  {
                //      text: '雨凯1',
                //      value: 'yukai1'
                //  },
                //  {
                //      text: '雨凯4',
                //      value: 'yukai4'
                //  }
                // ],
            }
        },
        methods: {
            change(val1, val2) {
                console.log('change', val1, val2)
            },
            clear1(value) {
                console.log('clear1', value)
            },
            (e) {
                console.log('', e)
            },
            clearItem(val1, val2) {
                console.log('clearItem', val1, val2)
            },
            click() {
                this.$refs.zykSelectMultiple.close()
            }
        },
        mounted() {
            setTimeout(() => {
                this.options = []
                for(let i = 1; i <= 10; i++) {
                    this.options.push({
                        text: '雨凯' + i,
                        value: 'yukai' + i
                    })
                }
                this.value = ['yukai1','yukai11', 'yukai4', 'yukai9']
            }, 2000)
        }
    }
</script>

<style>
</style>