vue实现搜索框记录搜索历史_Vue.js实现简易的搜索功能

这个搜索功能的实现很简单，无论是方法还是逻辑(思路在文章末尾)，使用的仅仅只有filter和match这两个方法，那现在就上两个简易的demo吧！

Demo1：输入框内容改变自动搜索

HTML代码

• { {item}}

VUE代码

new Vue({

el: "#app",

data: {

searchText: "",

list: [

"上路巩州遇虎熊",

"五百年前一场疯",

"腾宵又是孙悟空",

"失马鹰愁涧飞白龙",

"沙河阻断路难通",

"福陵山中收天蓬",

"岭上前行逆黄风",

"七星不照波月洞",

"千年白骨化阴风",

"鱼篮网通天一尾红",

"紫金葫芦二道童",

"九尾老狐敢压龙",

"白虹坠雪浪击石碎",

"思归",

"难归",

"堕回",

"轮回",

"月满一江水",

"前世莫追",

"福泽聚宝象",

"春风度不让洛阳