欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue模糊查询

程序员文章站 2022-06-07 16:02:03
...

创建个空字符串来接收数据

     data() {
          return {
              keywords: '',      
     }

然后挂载方法

  methods: {
            search(keywords) {
                return this.list.filter(item => {
                    if (item.查询的数据.includes(keywords)) {
                        return item
                    }
                })
            },

再遍历出数据

  <ul>
      <li v-for="item in search(keywords)" :key="item.id">

先遍历出数据

  <ul>
      <li v-for="item in search(keywords)" :key="item.id">

有很多种查询方法,这是我vue项目中用到的一种,这一种个人觉得比较方便实用