像傳統(tǒng)的傳參一樣,只是在微信里面的標(biāo)簽不一樣而已,navigator標(biāo)簽的文檔說(shuō)明:https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122
下面是傳遞參數(shù)并展示新頁(yè)面的一個(gè)簡(jiǎn)單栗子:
這是index.wxml代碼:
-
<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}">
-
<view>評(píng)19</view>
-
</navigator>
url是../detail/detail....... 傳遞參數(shù)是id="{{item.id}}" url="../detail/detail?id=88"
detail.js代碼如下
-
Page({
-
onLoad: function(options) {
-
var duanziId = options.id
-
var that = this
-
wx.showToast({
-
title: '加載中',
-
icon: 'loading',
-
duration: 1000
-
})
-
wx.request({
-
url: 'https://www.xxx.xxx?m=getDetail&duanziId='+duanziId, //服務(wù)器參數(shù)接收地址,
-
data: {token:token},
-
method: 'GET',
-
success: function(res){
-
console.log(res.data.result) //打印獲取數(shù)據(jù)
-
that.setData({
-
duanziDetail:res.data.result
-
})
-
}
-
})
-
}
-
})
detail.wxml代碼:
-
<view class="duanzi-content">
-
<text class="dz-content">{{duanziDetail.content}}</text>
-
</view>
app.json中pages配置代碼如下
-
"pages":[
-
"pages/index/index",
-
"pages/detail/detail",
-
"pages/center/center",
-
"pages/tucao/tucao",
-
"pages/search/search"
-
]
目錄結(jié)構(gòu):
