微信小程式連結傳參,跳轉新頁面
阿新 • • 發佈:2018-12-29
像傳統的傳參一樣,只是在微信裡面的標籤不一樣而已,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" ]