wx小程序知识点（四）

四、页面间数据传递 和 参数传值

（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,
    })
}