首先寫好一個列表

寫好的樣式是這樣滴

操作來了

在computed里面定義了一個search函數 使用filter過濾

接下來

在method 里面寫一個sousuo1函數 進行一個判斷 如果搜索這個輸入框框里是空 就是展示原數據 如果這個不為空 就會展示搜索到的數據

最后 很重要

把list改為sousuo1()這個函數

看效果

接下來把全部代碼寫上 里面的vue引入的是cdn 直接復制黏貼就可以用

Page Title 編號 英雄 技能 {{item.id}} {{item.name}} {{item.jn}}

注：文章轉自互聯網

總結

以上是生活随笔為你收集整理的axure实现搜索功能_vue实现模糊搜索功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。