2021-08-09

1、js本地搜索

(!searchText || item[prop].toUpperCase().includes(searchText.toUpperCase()))

eg:

 <div
      v-if="searchFlag"
      class="device-data-list"
    >
      <Input
        v-model.trim="searchText"
        size="small"
        placeholder="请输入搜索内容"
      />
    </div>
    <!-- 数据列表 -->
    <ul
      v-if="data && data.length > 0"
      class="device-data-list"
    >
      <li
        v-for="(item, index) in data"
        v-show="(!searchText || item[prop].toUpperCase().includes(searchText.toUpperCase()))"
        :key="index"
        :class="{active: showActive && activeIndex === index}"
        style="cursor: pointer"
        @click="handleClick(item, index)"
      >
        {{ getValue(item, prop) }}
      </li>
    </ul>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容