首先写好一个列表


写好的样式是这样滴

操作来了

在computed里面定义了一个search函数 使用filter过滤
接下来

在method 里面写一个sousuo1函数 进行一个判断 如果搜索这个输入框框里是空 就是展示原数据 如果这个不为空 就会展示搜索到的数据
最后 很重要

把list改为sousuo1()这个函数
看效果

接下来把全部代码写上 里面的vue引入的是cdn 直接复制黏贴就可以用
Page Title
编号 英雄 技能 {{item.id}} {{item.name}} {{item.jn}}
注:文章转自互联网