JS中的模糊查詢功能
在項目中會用到模糊查詢,之前在首頁是用的element的tree顯示的目錄,會有用到搜索,但tree里邊會有自帶的模糊查詢,用filter-node-method
方法使用
但上次的項目中 又涉及到不試用插件的模糊搜索,使用原生來搜索,其實網(wǎng)上有很多種,但個人覺得正則還是好用,不區(qū)別大小寫很方便,之前看網(wǎng)上測評速度,正則的速度也挺快的,
<input type="text" v-model="textData" /> data() { return { textData: "" }; }, watch: { textData(val, arr) { console.log(val, arr); //val改變就可實時獲取值 arr是要檢測的數(shù)組 if (val) { let reg = new RegExp(val, "gi"); for (let i = 0; i < arr.length; i++) { arr[i].forEach(item => { if (!reg.test(item.name)) { item.checked = false; //模糊查詢之后要執(zhí)行的代碼 } }); } } } }
總結(jié)
以上所述是小編給大家介紹的JS中的模糊查詢功能,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題
下面小編就為大家分享一篇解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12原生js實現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果
在本文將為大家介紹下如何用原生js和jQuery實現(xiàn)隨意改變div屬性,和重置,具體實現(xiàn)如下,感興趣的朋友可以參考下,希望對大家有所幫助2013-09-09javascript小組件 原生table排序表格腳本(兼容ie firefox opera chrome)
javascript小組件 原生table排序表格腳本 兼容ie firefox opera chrome,需要的朋友可以參考下2012-07-07uniapp使用webview嵌入vue頁面及通信實現(xiàn)方式
項目中有需要嵌入其他H5的頁面的業(yè)務(wù)需求,這篇文章主要給大家介紹了關(guān)于uniapp使用webview嵌入vue頁面及通信實現(xiàn)方式的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01基于javascript實現(xiàn)簡單的抽獎系統(tǒng)
這篇文章主要為大家詳細介紹了基于javascript實現(xiàn)簡單的抽獎系統(tǒng),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-03-03