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

跳转并传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
  },
相关推荐
chaosama8 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
胡西风_foxww8 小时前
微信小程序动态组件加载的应用场景与实现方式
微信小程序·应用·加载·动态组件
ALLSectorSorft11 小时前
上门服务小程序会员系统框架设计
小程序·apache
甜甜的资料库13 小时前
基于小程序老人监护管理系统源码数据库文档
微信小程序
说私域18 小时前
基于定制开发开源AI智能名片S2B2C商城小程序的首屏组件优化策略研究
人工智能·小程序·开源·零售
Uyker1 天前
微信小程序动态效果实战指南:从悬浮云朵到丝滑列表加载
前端·微信小程序·小程序
happyCoder1 天前
uniapp 微信小程序实现定时消息订阅提醒(前后端)
微信小程序
Uyker2 天前
从零开始制作小程序简单概述
前端·微信小程序·小程序
打小就很皮...2 天前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
说私域2 天前
定制开发开源AI智能名片驱动下的海报工厂S2B2C商城小程序运营策略——基于社群口碑传播与子市场细分的实证研究
人工智能·小程序·开源·零售