更新记录

1.0.0（2024-11-04） 下载此版本

多选组件，可自行下载组件进行修改

平台兼容性

简洁平铺多选弹出层 MultiplySelect popup

参数说明

使用示例

<template>
<view>{{testValue}}</view>
<button @click="showPopup" class="button-primary-plain">打开</button>
<MultiplySelect ref="multiplySelectRef" :defaultValue="testValue" :localData="localData" :returnWithText="true" @selected="popupSelected" @cancel="closePopup" />
</template>
<script setup>

  const testValue = ref(["U000000005850002"])
  const multiplySelectRef = ref(null)
  const popupSelected = (e) => {
    console.log('popupSelected', e);
    testValue.value = e
  }
 const localData = ref([])
  const testData = [];
  for (let i = 0; i < 50; i++) {
    testData.push({
      value: `U00000000585000${i+1}`,
      text: `选${i+1}`
    })
  }
  const showPopup = async () => {
    localData.value = testData; // await getUserListApi()
    multiplySelectRef.value.showPopup()
  }
</script>