微信小程序的3大传参方式

/**html

<swiper indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

<block wx:for="{{imgUrls}}">

<swiper-item>

<image src="{{item}}" class="slide-image" width="355" height="150"/>

</swiper-item>

</block>

</swiper>

<view class="section">

<button bindtap="tell">电话号码</button>

<button bindtap="copy">复制内容</button>

<view class="flex-wrp" style="flex-direction:row;" wx:for="{{proList}}">

<view class="flex-item bc_green">id:{{item.id}};姓名:{{item.nickname}} </view>

</view>

<view data-prolist="{{proList}}" class="test" bindtap='tapClick'>这是个空白</view>

</view>

/** js 点击事件

/** 传参的三种方法 */

/**1通过url传参 (4m)*/

// tapClick: function(event){

// var list=event.currentTarget.dataset.prolist[0]['id'];

// var name = event.currentTarget.dataset.prolist[0]['nickname'];

// wx.navigateTo({//微信跳转到指定页

// url: '/pages/join/index?title=' + list + '&name=' + name,

// })

// }

/**

* 2通过全局变量传参

*-------------- 通过全局变量可以传递数组

用此方法需注意在App中定义全局变量，在引用页面要引入这个对象

const app=getApp();

*/

// tapClick: function (event){

// app.globalData.username = event.currentTarget.dataset.prolist;

// wx.navigateTo({

// url:'/pages/join/index',

// })

// }

/**

* 3通过wx.Storage 传递参数:本地缓存形式（10m)

*/

tapClick : function (event){

var key=event.currentTarget.dataset.prolist;

wx.setStorageSync('username', key);

wx.navigateTo({

url: '/pages/join/index',

})

}