vue模糊查询

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

     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项目中用到的一种,这一种个人觉得比较方便实用

你可能感兴趣的:(vue,模糊查询,vue模糊查询)