uniapp支持单选和多选的 Vue2 版本组件

貂蝉空大

已于 2025-07-08 16:16:04 修改

阅读量115

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue uni-app 文章标签： uni-app

于 2025-07-08 16:02:03 首次发布

本文链接：https://blog.csdn.net/cyj0919/article/details/149200378

uni-app 同时被 2 个专栏收录

31 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

vue

26 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

<template>
  <view class="simple-select">
    <!-- 已选标签显示区域 -->
    <view class="selected-tags" v-if="selectedItems.length > 0">
      <view 
        v-for="(item, index) in selectedItems" 
        :key="index"
        class="tag"
      >
        {
  
  { item[labelKey] }}
        <text 
          class="remove-icon" 
          @click.stop="removeItem(index)"
        >×</text>
      </view>
    </view>
    
    <!-- 搜索和下拉区域 -->
    <view class="search-box" @click="toggleDropdown">
      <input 
        v-model="searchText"
        :placeholder="placeholder"
        @input="handleSearch"
      />
      <view class="arrow-icon">{
  
  { showDropdown ? '▲' : '▼' }}</v

了解本专栏