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

路由

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

相关推荐
CHU72903534 分钟前
在线教学课堂APP前端功能:搭建高效线上教学生态
前端·人工智能·小程序·php
2501_916007476 小时前
跨平台 App 安全,Flutter、RN、Unity、H5 混合应用加固
android·ios·小程序·https·uni-app·iphone·webview
焦糖玛奇朵婷7 小时前
就医陪诊小程序|从软件开发视角看实用度✨
java·大数据·jvm·算法·小程序
CHU7290357 小时前
智慧陪伴新选择:陪诊陪护预约小程序的暖心功能解析
java·前端·小程序·php
2501_916007478 小时前
不越狱如何查看iOS 应用的详细信息及其文件目录结构
android·macos·ios·小程序·uni-app·cocoa·iphone
李慕婉学姐9 小时前
【开题答辩过程】以《基于uni-app的手账记录小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·小程序·uni-app
前端 贾公子10 小时前
npm 发包配置双重身份验证
前端·javascript·微信小程序·小程序·github
2501_9160088910 小时前
无需钥匙串快速创建 iOS 开发 / 发布证书 P12 CSR
android·ios·小程序·https·uni-app·iphone·webview
独自归家的兔11 小时前
微信小程序开发框架全解析:成熟项目架构、主流技术与优劣对比
微信小程序·小程序
全栈小512 小时前
【小程序】微信小程序开发,分享给朋友或者朋友圈的功能增加地址参数,以及如何进行带参数本地测试
微信小程序·小程序