vue根据单行文本框中的关键字搜索

可以使用Vue的计算属性和filter来实现根据单行文本框中的关键字搜索。

首先，在Vue实例中定义一个data属性来存储关键字，例如：

data() {
  return {
    keyword: ''
  }
}

然后，在模板中使用v-model指令将单行文本框与keyword绑定起来：

<input type="text" v-model="keyword">

接着，使用计算属性来过滤出符合条件的数据，例如：

computed: {
  filteredData() {
    if (!this.keyword) {
      return this.dataList;
    } else {
      return this.dataList.filter(item => {
        return item.name.toLowerCase().indexOf(this.keyword.toLowerCase()) !== -1;
      });
    }
  }
}

最后，在模板中使用v-for指令循环渲染过滤后的数据：

<ul>
  <li v-for="item in filteredData">{{ item.name }}</li>
</ul>

这样就可以根据单行文本框中的关键字搜索数据了。