微信小程序

it2026-09-25  14

继续我们的微信小程序讲解

路由跳转和传递参数

navigateTo, redirectTo 只能打开非 tabBar 页面

navigateTo:(拼接参数) redirectTo :(拼接参数) switchTab 只能打开 tabBar 页面。(不能传参) reLaunch 可以打开任意页面。(拼接参数) 使用组件(拼接参数)

<navigator url="/pages/detail/detail?productId=12345">路由跳转</navigator>

wx.navigateBack 关闭当前页面,返回上一页面或多级页面

以上就是路由的五种跳转方式 语法大致都差不多 换汤不换药 只有个别单词和作用的导航需要注意一下 接下来说一下*

路由传参*

通过url传参

<navigator url="/pages/detail/detail?productId=12345" hover-class="navigator-hover">详情</navigator>

通过点击事件传参 bindtap=“自定义事件名” data-参数key="{{参数value}}

路由跳转传递参数写完之后要在js文件中写事件

本地存储的几种方式

先看一波官网好吧 里边有set设置和get读取还有remove清除 这里只说一个set设置本地存储的方法 别的语法都一样换汤不换药

还有就是推荐使用同步的sync 因为我们请求数据的时候要等到数据请求完之后在对storage进行操作 如果不用sync的话数据还没请求回来的话我们拿不到值怎么对storage进行操作

是不是非常简单 遇事不慌上官网 好吧 加油奥利给 官网链接:https://developers.weixin.qq.com/miniprogram/dev/api/base/wx.canIUse.html

最新回复(0)