先用v-for遍歷後再通過computed鉤子來計算過濾
（使用了
.trim()過濾空格
.filter（）過濾不滿足括號後的條件，留下滿足條件的
.indexof（）檢索的字串值有沒有出現，沒有出現則該方法返回 -1
）
搜尋列表<
/h3>
"text" placeholder=
"請輸入要搜尋的姓名" v-model=
"searchname"
>
for=
"(p,index) in filterpersons"
:key=
"personskeys[index]"
>
}) 姓名:
}--年齡:
}--性別:}--
<
/li>
<
/ul>
<
/div>
<
/template>
import shortid from
'shortid'
export
default,,
,,,,
,,,]
, personskeys:
}},mounted()
, computed:
=this
;//2 取出陣列中的資料
let arr =
[...persons]
;//3 過濾資料 trim()方法刪除前後空格
if(searchname.
trim()
)//4 返回新的陣列
return arr;}}
}<
/script>
ul ul>li
<
/style>
vue中過濾器
常用語文字的格式化,過濾器可用在兩個地方 雙括號插值和v bind 表帶式 用符號 表示,在雙括號的中 在 v bind 中 具體使用請參考vue官方文件 如果專案中使用的過濾器比較多,不妨單獨用乙個filter.js檔案用來專門寫過濾器,在main.js中新增如下 就可以將filter中過濾器全部...
jQuery遍歷 過濾
任務描述 本關任務 jquery 遍歷 dom 元素的過濾方法。效果如下 相關知識 為了完成本關任務，你需要掌握 1.first 2.last 3.eq 4.filter 5.not 基本的html結構如下 css已省略 我是第乙個元素 我是第二個元素 我是第三個元素 我是第四個元素 我是第五個元素...
jQuery 遍歷 過濾
三個最基本的過濾方法是 first last 和 eq 它們允許您基於其在一組元素中的位置來選擇乙個特定的元素。其他過濾方法，比如 filter 和 not 允許您選取匹配或不匹配某項指定標準的元素。first 方法返回被選元素的首個元素。下面的例子選取首個 元素內部的第乙個 元素 document...