牛骨文教育服务平台(让学习变的简单)
博文笔记

微信小程序链接传参,跳转新页面

创建时间:2016-11-29 投稿人: 浏览次数:20559

像传统的传参一样,只是在微信里面的标签不一样而已,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"
  ]


目录结构:





声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。