filter()实现模糊查询本地搜索功能

最新推荐文章于 2024-01-29 17:09:32 发布

小红同学5

最新推荐文章于 2024-01-29 17:09:32 发布

阅读量3.1k

点赞数 1

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

本文链接：https://blog.youkuaiyun.com/xh_960125/article/details/103989250

版权

本文介绍了如何利用JavaScript的filter方法和match函数在Vue及uni-app项目中实现对象数组的模糊查询功能，详细讲解了filter方法用于筛选复合条件的数据以及箭头函数和this指向的问题，同时探讨了match方法在字符串模糊匹配中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

helps是一个对象数组，
filter()方法主要是用来过滤复合条件的数据的，返回的是所有符合条件的数据。
箭头函数，javascript的this指向问题。
match() 方法是用来模糊匹配的，可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

<template>
  <div>
    <input type="text" v-model="searchText" placeholder="搜索" class="search">
    <div v-theme:column="'wide'" class="helprow" v-for="help in  filteredhelps">
      <h6 v-titleColor>{
  {help.title}}</h6>
    </div>
  </div>
</template>

<script>
    export default {  
        data(){
            return{
                helps:[
					{title:"111111"},
					{title:"222222"},
					{title:"55555"},
				],
                searchText:''
            }
        },

最低0.47元/天解锁文章