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

路由

在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');

相关推荐
vipbic9 小时前
独立开发复盘:我用 Uni-app + Strapi v5 肝了一个“会上瘾”的打卡小程序
前端·微信小程序
CDwenhuohuo18 小时前
小程序全局使用api
javascript·vue.js·小程序
智慧景区与市集主理人20 小时前
市集分账混乱?巨有科技智慧小程序实现统一收款、自动分账
大数据·科技·小程序
front-end-zzq21 小时前
瘦了么打卡微信小程序
小程序
2501_9159090621 小时前
苹果App Store上架全流程指南从注册到上线
android·ios·小程序·https·uni-app·iphone·webview
全栈小521 小时前
【小程序】微信小程序在体验版发起支付的时候提示“由于小程序违规,支付功能暂时无法使用”,是不是一脸懵逼
微信小程序·小程序
jingqingdai32 天前
微信小程序 Canvas 2D 踩坑指南:如何优雅地导出高清长图?(附 AI 辅助实录)
人工智能·微信小程序·小程序
2503_928411562 天前
AI 行业正在重塑每个人的工作方式,而你需要一个更轻松的入口
人工智能·小程序
qq_433502182 天前
微信小程序更新机制踩坑记录:updateInfo 为什么总是读到旧数据?
微信小程序·小程序·notepad++
优雅的大白鹅2 天前
创建uniapp小程序
小程序·uni-app