vue实现搜索框记录搜索历史_vue使用多种方式实现搜索框时时搜索

大家今天vue课程实战系列又更新了，今天我们继续上次更新的内容继续实现搜索框动态时时搜索

效果图如下：

在做案例之前，先介绍下用到的新知识点，es6新语法 includes 先看一个例子让我们理解下这个方法的使用

实例

检测数组site是否包含 runoob :let site = ['runoob', 'google', 'taobao'];

site.includes('runoob');

// true

site.includes('baidu');

// false

下面开始我们的案例讲解，在这个案例中我们会使用多个方法实现这个搜索框搜索的效果实现，使用函数，使用计算属性都可以实现最终的效果，让我们一起学习下。

首先 我们先使用第一种方法用普通函数实现：

在methods 方法中加入 search方法，方法中加入参数 search(keywords)

模版中双向绑定 keywords

代码片段如下：

{ { item.id }}{ { item.name }}{ { item.ctime }} 删除

完整的html代码：

添加品牌

Id:

Name:

搜索名名称关键字:

IdNameCtimeOperat