关于微信小程序:如何使用搜索功能精确筛选数据

83次阅读

共计 310 个字符,预计需要花费 1 分钟才能阅读完成。

成果展现:

前置筹备:

  • 已搭建好,配少配置数据的搜寻详情页

具体步骤:

  • 增加须要的组件
  • 增加须要查问的数据
  • 增加事件
  • 配置搜寻按钮和动静容器触发器

步骤合成:

增加须要的组件

  • 增加 标签文本
  • 增加 图标
  • 增加 动态数据容器
  • 增加 输入框

增加须要查问的数据

  • 点击上方面板 数据中心
  • 创立数据表,增加本人须要的数据内容

增加事件

  • 点击上方面板 事件核心
  • 增加 数据事件 并进行配置

配置搜寻按钮和动静容器触发器

  • 选中 动态数据容器 组件
  • 在右侧面板选中 触发器 增加接收数据触发器
  • 选中搜寻 图标 组件
  • 在右侧面板选中 触发器 增加搜寻触发器
  • 选中 循环条目 组件
  • 在右侧面板选中 数据绑定及设置 选中须要关联的数据

这样就能够应用搜寻性能准确筛选数据了。
官网链接:https://www.towify.com/#/

正文完
 0