更新记录

1.0.2（2024-12-10） 下载此版本

补充用法

1.0.1（2024-12-10） 下载此版本

用法

1.0.0（2024-12-10） 下载此版本

单选、多选

平台兼容性

uni-app

其他

ls-selectAlterWindow

博客地址：(https://www.jianshu.com/p/dad06a0b3e10) 掘金地址：(https://juejin.cn/post/7234419104597770277)

前言：

为了实现和pc端一样的下拉选择组件，目前插件市场上也没有相关组件，所以单独封装，以供大家学习参考

参数

单选用法

    <!-- 单选 -->
<ls-selectAlterWindow ref="singleSelctedRef" :multiple="false" :list="transferUserList" label-key="label"
    value-key="value" placeholder="请输入进行检索" title="单选" clearable v-model="selectInfo.transferUserList"
    @confirm="singleconfrom" @change="singleChange"></ls-selectAlterWindow>

    //js
singleClick() {
    this.$refs.singleSelctedRef.isShowModal = true;
},
singleconfrom(item) {
    this.selectInfo.transferUserListName = '';
    this.selectInfo.transferUserList = '';
},
singleChange(item) {
    if (item) {
        this.selectInfo.transferUserListName = item.label
    } else {
        this.selectInfo.transferUserListName = ""
    }
},

多选用法

<!-- 多选 -->
<ls-selectAlterWindow ref="morelistRef1" :multiple="true" :list="morelist" label-key="label"
    value-key="value" placeholder="请输入搜索" title="多选" clearable v-model="moreInfo.qySignUser"
    @confirm="moreChange"></ls-selectAlterWindow>

moreClick(){
    this.$refs.morelistRef1.isShowModal = true;
},
moreChange(item) {
    this.moreInfo.qySignUserName = item ? item : [];
    this.$forceUpdate()
},