微信小程序筛选功能如何实现

 时间:2026-02-14 06:55:47

1、打开微信小程序开发工具,创建一个微信项目,然后查看对应的结构

微信小程序筛选功能如何实现

2、新建一个wxml文件,插入两个picker,依次绑定bindchange、value和range

微信小程序筛选功能如何实现

3、接着在index.js文件中,data对象中初始化变量one、two、mnk等

微信小程序筛选功能如何实现

4、定义下拉框的change事件changeMnk,根据选择不同值,分类二展示不同的值

微信小程序筛选功能如何实现

5、保存代码并查看模拟器,结果分类二无数据,控制台出现了报错

微信小程序筛选功能如何实现

6、检查代码发现,跟mvk赋值,需要使用this.data取值

微信小程序筛选功能如何实现

7、在changeMnk事件中,获取选择的值,然后给变量one赋值

微信小程序筛选功能如何实现

8、保存代码并查看模拟器,切换分类一,分类二数据发生了改变

微信小程序筛选功能如何实现

  • 如何设置java的web项目ico图标
  • intellij idea如何查看项目maven依赖关系图
  • Axure:如何制作一个弹出窗口?
  • 如何使用FineReport报表工具获取年份月份日期
  • 如何使用腾讯微校发布图文消息
  • 热门搜索
    多肉品种大全图片名字 去红血丝最有效的方法 360浏览器怎么样 凉拌西兰花怎么做好吃 pdf文件怎么修改 火车图片大全大图 鱼缸换水的正确方法 用简便方法计算 拔丝地瓜的家常做法 武汉有什么好吃的