微信小程序页面带参数跳转及接收参数内容navigator

最新推荐文章于 2025-05-29 00:37:45 发布

璞~

最新推荐文章于 2025-05-29 00:37:45 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/84770638

微信小程序专栏收录该内容

86 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在微信小程序中使用navigator组件从index页面携带参数跳转到news页面，并详细说明了在news页面如何接收并处理这些参数。通过示例代码展示了具体的实现方式。

微信小程序页面带参数跳转及接收参数内容navigator

功能从index页面跳转到news页面，并在news页面获取id及imgUrl
index.wxml

<navigator class='looks-view' wx:for="{
  
  {imgUrlNew}}" wx:key="index" url="/pages/news/news?id={
  
  {item.id}}&imgUrl={
  
  {item.img}}">
     <image src='{
  
  {item.img}}' class='looks-view-image'></image>
     <text class='looks-view-text'>{
  
  {item.name}}</text>
</navigator>

在news.js中：

onLoad: function (options) {

// 请求接口

var news = this;

wx.request({

url: 'http://www.test.com/wx/interface/article/article.php?articlecate',

data: {

id: opti

了解本专栏