首页
编程随笔
Java笔记
Html/Css/Js
Android
后端笔记
服务器搭建
BUG收集
Java异常
Android异常
在线工具
Json格式化
Epub在线编辑
文字转图片
编码转换
文本对比
登录
发布文章
个人文章
退出登录
首页
编程随笔
Java笔记
Html/Css/Js
Android
后端笔记
服务器搭建
BUG收集
Java异常
Android异常
在线工具
Json格式化
Epub在线编辑
文字转图片
编码转换
文本对比
登录
发布文章
退出登录
搜索
当前位置：
首页
-
博客
- 正文
关闭
微信小程序笔记
更新时间：2025-04-12 16:57:12
阅读数：82
发布者：落幕
### 数据获取 #### 定义数据 ```javascript Page({ /** * 定义一个变量数据dataList的数组 */ data: { dataList: [] } }) ``` #### 获取数据 ```javascript const dataList = this.data.dataList; ``` #### 数据赋值 ```javascript that.setData({ dataList: [{ title: "测试" }] }) ``` ### 微信小程序点击事件 在wxml页面中设置点击事件 ```javascrip // 循环dataList的值，值为childs <view bindtap="onTitleClick" data-id="{{childs.id}}" wx:for="{{dataList}}" wx:for-index="cindex" wx:for-item="childs" wx:key="cindex">{{childs.title}}</view> ``` 在js中编写事件方法 wxml传值给事件，是通过data-xxx，xxx就是获取的key，例如：data.currentTarget.dataset.xxx ```javascrip onTitleChildClick: function(data) { console.log(data.currentTarget.dataset.id) } ``` ### 子页面 打开子页面 ```javascrip // 给子页面传递值id和title wx.navigateTo({ url: "/pages/chatList/chatList?id=" + t.currentTarget.dataset.data.id + "&title=" + t.currentTarget.dataset.data.title }); ``` 子页面获取值 ```javascrip onLoad(options) { const id = options.id; const title = options.title; } ```
