模糊查询要怎么弄呀!

Question

正常状态下

现在是可以查询到的

但是当我在查询其他名字的时候就是空的了

下面是代码，不知道还需要怎么去写呀，能解决这个

handleSearch() {
  let newPersons = []
  this.persons.filter(item => {
    if (item.name.includes(this.keyword)) {
      newPersons.push(item)
      // this.persons.push(item)
    }
  })
  this.persons = newPersons
}

还有删除输入框的名字之后怎么能还原，原来的数据呀，求帮助！，万分感谢

Answer 1

就像1楼所说的那样，使用两个变量originalData、showData，其中originalData为原始列表，showData为在页面上的显示列表。

handleSearch() {
  if (!this.keyword) {
      this.showData = this.originalData
      return
  }
  this.showData = this.originalData.filter(item => item.name.includes(this.keyword))
}

展示列表时使用showData。