微信小程序路由以及跳转页面传递参数

路由

在app.json的pages里面写

"pages/页面/页面" 直接保存pages直接生成非常方便

跳转页面

wx.navigateTo() 保留当前页面,跳转到应用内的某个非tabBar页面。

<text bindtap="daka">点击</text>

复制代码
 daka:function () {
    wx.navigateTo({
      url: '../daka/daka',
    })
  },

会保留返回箭头

底部导航跳转在app.json写入即可

复制代码
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/home/home",
      "text": "日志"
    }]
  },

传参以及接收参数

1、本地存储

使用方法:和js差不多一样

wx.setStorageSync()

2、wx.getStorage

从本地缓存中异步获取指定 key 的内容

3、wx.removeStorage

从本地缓存中移除指定 key

4、wx.clearStorage

清除所有缓存

跳转传参

<view bindtap="title_tiaozhuan" data-id="{{item.id}}">点击</view>

复制代码
  title_tiaozhuan:function (e) {
    let {id} = e.target.dataset;
    console.log(e.currentTarget.dataset.id);
    wx.setStorageSync('daka_l',e.currentTarget.dataset.id)//地图要用到的数据
    wx.navigateTo({
      url: '../liebiao/liebiao',
    })
  },

接收参数:取出来直接用就可以了

let ssr = wx.getStorageSync('daka_l');

相关推荐
wuxia21184 小时前
微信小程序单击元素切换元素的显示和隐藏
javascript·微信小程序·setdata
2501_916007477 小时前
前端开发常用软件与工具全面指南
android·ios·小程序·https·uni-app·iphone·webview
2501_9159090612 小时前
iOS应用性能优化:十大策略提升用户体验与开发效率
android·ios·小程序·https·uni-app·iphone·webview
2601_9567436814 小时前
上海小程序开发公司技术选型指南:Serverless架构如何影响交付质量与长期成本
云原生·小程序·架构·serverless·开发经验·上海
silvia_Anne16 小时前
微信小程序之渲染商品列表
微信小程序·小程序
海兰1 天前
【文字三国志:第六篇】天命重构,UI组件设计细节
人工智能·ui·语言模型·小程序
草根站起来2 天前
微信小程序request net:ERR_CERT_DATE_INVALID
微信小程序·小程序
小北的AI科技分享2 天前
广州小程序平台推荐:2026年本地商家数字化选型深度测评
小程序·广州小程序平台
MageGojo2 天前
10 种主题随机诗词:一个 API 解决小程序的诗词内容源
python·小程序·古诗词·api 接入
青山科技分享2 天前
2026北京小程序平台推荐——本地商家数字化选型全维度解析
小程序·小程序平台推荐