1. 程式人生 > >微信小程式連結傳參,跳轉新頁面

微信小程式連結傳參,跳轉新頁面

像傳統的傳參一樣,只是在微信裡面的標籤不一樣而已,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"
  ]
目錄結構: