微信小程序(3) 模糊搜索

最新推荐文章于 2024-07-17 10:06:05 发布
最新推荐文章于 2024-07-17 10:06:05 发布
阅读量751 收藏 12
点赞数 3
分类专栏： 教程 笔记 文章标签： html html5 css 前端 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43541326/article/details/106576234
版权

这个 有一点点的绕 多看一下就ok ps:我是新手，代码写的乱 别介意哈

放入一个input value 绑定 bindinput 这个是输入框输入文字时候触发
在这里插入图片描述
data里面绑定value
在这里插入图片描述

下面是js代码编写

这里有点绕哈 我更改了上一篇文章的 获取数据的代码
在这里插入图片描述
下面是 绑定的那个 bininput

e 里面有好多 自己打印一下试试 里面就有我们输入框里面的值
执行前先把data_list 清空
下面是给value 赋值
然后执行this.getList()
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

不想秃头i
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序搜索框实现模糊查询
qq_33194275的博客
05-31 7465
基于微信小程序的搜索框模糊查询
微信小程序模糊搜索
tiffany_kim的博客
03-30 2436
小功能 小程序模糊搜索 搜索也是小程序常见的一个小功能，此为模糊搜索案例，实际开发中建议传入搜索框内容到后台，后台查询后返回商品列表，以免占用过多资源。 实现功能如下 (1) 未找到商品时显示提示信息，找到商品时显示商品列表 (2) 清空搜索框时显示搜索历史记录，历史记录可清除，点击历史记录赋值到搜索框 view代码如下 <view class="top"> <view class="topsearch"> <view class="frame">
微信小程序之模糊搜索（云开发）
sjp991012的博客
03-11 5159
Database.RegExp 构造正则表达式，仅需在普通 js 正则表达式无法满足的情况下使用 1、模糊搜索单个字段 代码解释：搜索 描述（description）中包含“今天”的数据 db.collection('findLostInfo').where({ description: db.RegExp({ regexp: '今天', options: 'i',//大小写不区分 }) }).get() 2、模糊搜索多个字段（只满足一个条件即可） 代
小程序云开发模糊查询，实现数据库多字段的模糊搜索
最新发布
2401_85379781的博客
07-17 213
上图只可以实现time字段的模糊搜索。但是我们如果相对数据表里的多个字段做模糊查询呢？该怎么办呢。多字段模糊搜索。
微信小程序 搜索框实现模糊搜索（带模拟数据，js,wxml,wxss齐全）
小唐同学超级呆的博客
02-18 2670
最近在做一个小程序的页面，搜索框困扰了我很久，今天终于把搜索框给做了出来，记录一下过程。
微信小程序云开发模糊搜索
weixin_67859772的博客
05-20 404
获取搜索框的内容，注意节流防抖。
小程序模糊搜索功能
冬天里的夏天
02-20 4983
1.写好页面布局 &lt;!--搜索--&gt; &lt;view class="searchbox"&gt; &lt;form bindsubmit="formSubmit"&gt; &lt;view class="search"&gt; &lt;image class="search-icon" src="{{Bas
小程序模糊搜索
Seraph
09-10 2421
效果 js onClickSearchSubmit: function(e){ console.log("onClickSearchSubmit") console.log("result:", e.detail.content) var that = this; //1、引用数据库 const db = wx.cloud.database({ ...
微信小程序搜索框模糊查询.zip
06-07
在微信小程序开发中，搜索框模糊查询是一种常见的功能，它允许用户输入部分关键字，系统就能自动匹配并显示相关的数据。这种功能极大地提升了用户体验，让用户能够快速找到他们想要的信息。下面我们将详细探讨微信小...
微信小程序 云开发模糊查询实现解析
10-16
3. 微信小程序云数据库支持的模糊查询： 微信小程序云开发的数据库自基础库2.3.2（wx-server-sdk 0.0.23）版本起支持正则表达式查询。开发者可以利用JavaScript的正则表达式对象，或者使用云开发提供的db.RegExp方法...
小程序实现搜索功能
05-03
用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面
微信小程序下拉框搜索功能的实现方法
12-08
在微信小程序开发中，下拉框搜索功能是一个常见的交互元素，尤其在用户需要从大量数据中筛选信息时显得尤为重要。本文将详细介绍如何实现这样一个功能，包括关键的代码结构和自定义方法。 首先，我们需要理解微信小...
微信小程序中下拉选择中带手动输入搜索的实现
02-10
在微信小程序开发中，下拉选择框（Picker）通常用于让用户在一组预设选项中进行选择，而结合手动输入搜索功能则能进一步提升用户体验，使用户可以快速找到想要的特定选项，尤其当选项数量庞大时。本文将详细介绍如何...
微信小程序搜索框实现模糊查询功能【关键点！！！】
m0_56153067的博客
09-14 1286
1、下拉搜索框高度自适应，但是不能超过最大高度。
微信小程序搜索功能的实现（模糊搜索、带历史记录）
GikQxx21_wen的博客
07-20 1595
微信小程序
JavaScript之模糊查询、微信小程序实现纯前端搜索、查找、重组、截取、filter、split、join、match、RegExp、indexOf、test、push
我的"CSDN"博客主页地址：https://mengjian.blog.csdn.net/
06-12 553
JavaScript之模糊查询、微信小程序实现纯前端搜索、查找、重组、截取、filter、split、join、match、RegExp、indexOf、test、push
微信小程序云开发之模糊搜索
专注前端技术，包括Web端、移动端、小程序、APP
05-23 819
又到讲知识点的时刻了。来吧，今天就讲搜索之模糊搜索。 模糊搜索可以为用户提供更广泛的选择。 微信小程序云开发要进行搜索数据库中某些数据，我们就要选择用字段名进行匹配。 接下来，就上示例给大家看： db.collection('集合名称').where({ mass:{ //mass为集合中的字段名，要对哪个字段进行模糊搜索就写哪个字段名 $regex:'.*' + e.detail + '.*', //e.detail为搜索框输入的值 $opti
微信小程序 模糊搜索
08-02
微信小程序云开发目前还未提供内置的模糊查询机制，但我们可以通过使用正则表达式来实现模糊搜索功能。在云开发中，可以使用db.RegExp来进行正则表达式查询。例如，如果我们想要搜索描述（description）中包含"今天...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值