当前位置: 首页 > article >正文

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

跳转并传id或者对象

1.home/index.wxml

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

结果:

2.home/index.js

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

接收

goods/details

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // options===传的信息
    //获取传过来的id
    console.log("options>>>>",options)
    this.data.id = options.id
  },


http://www.kler.cn/a/396485.html

相关文章:

  • 《Django 5 By Example》阅读笔记:p105-p164
  • Flink Source 详解
  • 字节青训营 数字魔法的加一操作
  • C++(Day35)
  • python makedirs() 详解
  • Array数组方法
  • JWTUtil工具类
  • 加深深度学习矩阵计算理解--用人类直觉 走进线性代数(非应试)
  • 自存 关于RestController请求传参数 前端和后端相关
  • web——upload-labs——第五关——大小写绕过绕过
  • HarmonyOS本地存储-Preferences(用户首选项)的使用
  • MATLAB 使用教程 —— 常用函数
  • Git 时想要放弃当前的 commit 操作
  • Javaweb-day11案例(文件)
  • 基于stm32的智能变频电冰箱系统
  • 网络安全练习之 ctfshow_web
  • 力扣 LeetCode 232. 用栈实现队列(Day5:栈与队列)
  • STM32F4 RTC实时时钟STM32 Cube实例
  • 掌握ECMAScript模块化:构建高效JavaScript应用
  • React Native 全栈开发实战班 - 状态管理入门(Context API)
  • Element plus使用menu时候如何在折叠时候隐藏掉组件自带的小箭头
  • vscode中执行git合并操作需要输入合并commit信息,打开的nano小型文本编辑器说明-
  • Queuing 表(buffer表)的优化实践 | OceanBase 性能优化实践
  • 1.两数之和-力扣(LeetCode)
  • DNS批量解析管理软件有什么用
  • Odoo :一款免费开源的日化行业ERP管理系统