微信小程序之路由跳转传数据及接收

跳转并传id或者对象

1.home/index.wxml

html 复制代码
 <!--点击goto方法 将spu_id传过去-->
<view class="item" bind:tap="goto" data-id="{{item.spu_id}}"> 

结果:

2.home/index.js

javascript 复制代码
  goto(event){
    // 路由跳转页面,并把id传传过去
    //获取商品id
    let id = event.currentTarget.dataset.id;
    console.log("id>>>>",id);
    wx.navigateTo({
      url: '/pages/goods/detail?id='+id,
    })
  },

接收

goods/details

javascript 复制代码
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // options===传的信息
    //获取传过来的id
    console.log("options>>>>",options)
    this.data.id = options.id
  },
相关推荐
说私域12 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的运营策略创新研究
人工智能·小程序·开源
蓝屏的钙12 小时前
企业级微信小程序服务号授权关联机制
微信小程序
fakaifa14 小时前
【最新版】沃德云商协系统全开源+uniapp小程序
小程序·uni-app·源码下载·沃德云商协会·商协会管理系统
夏小花花1 天前
Java 日常开发笔记(小程序页面交互传参-id)
java·微信小程序·vue
说私域1 天前
基于梅特卡夫定律的开源链动2+1模式AI智能名片S2B2C商城小程序价值重构研究
人工智能·小程序·开源
2501_916013741 天前
移动端网页调试实战,跨设备兼容与触控交互问题排查全流程
android·ios·小程序·https·uni-app·iphone·webview
不如摸鱼去1 天前
uni-app 网络请求终极选型:uni.request、axios、uni-network、alova 谁才是你的真命请求库?
前端·小程序·uni-app
说私域1 天前
生产工具革命:定制开发开源AI智能名片S2B2C商城小程序重构商业生态的范式研究
人工智能·小程序·开源
hunzi_11 天前
自建纯竞拍系统小程序需准备的事项
小程序
2501_915106321 天前
TF 上架全流程实战,从构建到 TestFlight 分发
android·ios·小程序·https·uni-app·iphone·webview