通過url帶參傳遞
<navigator url="../user/user?id={{item.id}}&name={{item.name}}">點此進(jìn)入 detail</navigator> |
onLoad: function (options) {
this.setData({
user_id: options.id,
user_name: options.name
}),
success:function(){
console.log('接口調(diào)用成功')
},
fail:function(){
console.log('接口調(diào)用失敗')
},
complete:function(){
console.log('調(diào)用結(jié)束，調(diào)用成功失敗都會執(zhí)行')
}
} |
點擊事件傳參
<view wx:for='{{list}}' data-item='{{item}}' data-id='{{item.id}}' bindtap='goDetail'></view> |
goDetail: function(e){
let id = e.currentTarget.dataset.id;
wx.navigateTo({
url: '../index-detail/index-detail?id=' + id
})
} |
onLoad(options){
console.log(options.id)//options.id就是傳遞的參數(shù)。
} |
點擊事件在js中賦值
<view bindtap="passQuery" data-index="1">點擊事件傳參</view> |
passQuery: function(e){
let query = e.currentTarget.dataset['index'];
} |
注意
1. wx.navigateTo({url:""})
保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層。2. wx.redirectTo()
關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不允許跳轉(zhuǎn)到 tabbar 頁面
wx.switchTab({
url: '../../pages/reg/reg',
# success:function(){
# console.log('caled switchtab ')
# }
}) |
4. wx.reLaunch()
關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面(可以帶參數(shù)跳轉(zhuǎn)到tabBar)
5.wx.navigateBack()
關(guān)閉當(dāng)前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages 獲取當(dāng)前的頁面棧，決定需要返回幾層。
