欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序链接传参,跳转新页面

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

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

发布时间:2020-12-11  

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

]

目录结构:

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