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

跳转并传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
  },
相关推荐
土土哥V_araolin4 分钟前
多语言推三返一商城系统开发指南
小程序·零售
土土哥V_araolin2 小时前
一条线公排系统小程序开发
小程序·零售
爬坑的小白2 小时前
微信小程序拉起支付
微信小程序·小程序
土土哥V_araolin4 小时前
国械甄选新零售系统开发方案
小程序·个人开发·零售
humors2214 小时前
Deepseek工具:H5+Vue 项目转微信小程序报告生成工具
前端·vue.js·微信小程序·h5·工具·报告
毕设源码-钟学长6 小时前
【开题答辩全过程】以 基于微信小程序的蓝鲸旧物回收系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Greg_Zhong7 小时前
小程序中单元测试对比表单测试,及单元测试、表单测试、组件测试的底层实现原理
小程序·单元测试
sheji34167 小时前
【开题答辩全过程】以 基于微信小程序的考研服务平台为例,包含答辩的问题和答案
微信小程序·小程序
2501_915918418 小时前
WebKit 抓包,WKWebView 请求的完整数据获取方法
android·前端·ios·小程序·uni-app·iphone·webkit
nhc0888 小时前
贵阳纳海川科技·语文刷题考证行业解决方案
科技·小程序·软件开发·小程序开发