DIV CSS 佈局教程網

 像傳統的傳參一樣，只是在微信裡面的標簽不一樣而已，navigator標簽的文檔說明：

https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122

下面是傳遞參數並展示新頁面的一個簡單栗子：

這是index.wxml代碼：

<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}"> 
<view>評19</view> 
</navigator>

url是../detail/detail....... 傳遞參數是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, //服務器參數接收地址， 
data: {token:token}, 
method: 'GET', 
success: function(res){ 
console.log(res.data.result) //打印獲取數據 
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" 
]

目錄結構：

以上所述是小編給大家介紹的微信小程序鏈接傳參並跳轉新頁面，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！