模糊查询 uniapp 微信小程序

 

<input v-model="searchValue" placeholder="请输入要搜索的内容" class="searchInput" placeholder-style="font-size:26rpx" style="height: 70rpx;"/>
watch: {
	// 搜索框出现变化
	searchValue(value) {
		this.shequActive = ''
		if (value !== '') {
			this.list = this.fuzzyQuery(this.searchList, value)
		} else {
			this.list = this.searchList
		}
		// console.log('searchValue改变了', e, this.list);
	}
},
// 遍历数组,模糊查询
	fuzzyQuery(list, keyWord) {
		var arr = [];
		for (var i = 0; i < list.length; i++) {
			if (list[i].title.match(keyWord) != null) {
				arr.push(list[i]);
			}
		}
		return arr;
	},

 

posted on 2022-10-14 16:58  阿术阿术  阅读(176)  评论(0编辑  收藏  举报