input输入框简单的实时搜索（过滤）功能（uni-app）

最新推荐文章于 2024-07-26 16:15:39 发布

zzh9527*

最新推荐文章于 2024-07-26 16:15:39 发布

阅读量1.5w

点赞数 5

分类专栏：常用逻辑文章标签：输入框 input 搜索功能过滤

本文链接：https://blog.csdn.net/qq_35197283/article/details/101209744

版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
本文链接：
https://blog.csdn.net/qq_35197283/article/details/101209744

介绍通过输入框对已经渲染好的list列表进行过滤（搜索）的功能
如图所示：
在这里插入图片描述

代码段

<template>
...
	<input v-model="filterText" type="text" placeholder="设备编号,设备名称" ></input>
	<view class="cu-card case">
		<navigator
			@click="linkProject(item.taskId,item.taskStatus)"
			class="cu-item shadow" 
			v-for="(item, index) in filterList" 
			:key=