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

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


目录结构:





  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值