wx小程序知识点(四)
2024-09-01 01:31:41
四、页面间数据传递 和 参数传值
(1)页面间数据传递
① 全局变量
② 页面跳转或重定向时使用url携带参数(wx.navigateTo(urlStr))
③ 使用组件模板 template
<template is="products" data="{{products: productsArr}}"></template>
④ 存入缓存
wx.setStorageSync(key, data)
wx.getStorageSync(key)
⑤ 存入数据库
(2)参数传值
① 给元素添加 data-* 属性传值,但 * 不能包含大写字母、不可存对象
<swiper-item class="banner-item" data-id="{{item.key_word}}" bindtap="onProductsItemTap">
</swiper>
比如代码段中的 data-id,通过在 onProductsItemTap 事件中调用 event.currentTarget.dataset['id'] 来获取,然后通过navigateTo(url: '../pro/prods?id=' + id) 跳转
onProductsItemTap: function (event) {
var id = event.currentTarget.dataset['id']
wx.navigateTo({
url: '../product/product?id=' + id,
})
}
最新文章
- 通过Navicat for MySQL远程连接的时候报错mysql 1130
- iOS- UITextField限制输入长度
- python获取DBLP数据集
- laravel项目报错DecryptException:The MAC is invalid.
- linux文件的通用操作方法学习
- UVA 674 Coin Change(dp)
- mac开启22port
- 打印机驱动冲突和端口异常:win10更新部分补丁后,打印机本地连接(连接打印机的主机)可以打印,其他共享网络中的电脑可以连接到打印机,但不能打印——解决方案
- 4-cookie 简介
- Invalid demension,shape[-1,40,40,1]
- WPF简单实用方法(持续更新)
- 对SVC和SVR的理解
- 如何修改eclipse中maven默认仓库路径
- 常用的 Linux iptables 规则
- SharePoint 2013的100个新功能之内容管理(四)
- ubuntu18.04 安装hadoop 2.7.3+hive 2.3.4
- 【转】PNG文件结构
- javascript最常用的对象创建方式
- MFC学习(七) 单文档程序
- UESTC 574 High-level ancients