微信小程式_新手必看 最快上手(下)

zhaoyapeng_發表於2020-10-22

繼續我們的微信小程式講解

路由跳轉和傳遞引數

navigateTo, redirectTo 只能開啟非 tabBar 頁面

navigateTo:
在這裡插入圖片描述
redirectTo :
在這裡插入圖片描述
switchTab 只能開啟 tabBar 頁面。
在這裡插入圖片描述
reLaunch 可以開啟任意頁面。
在這裡插入圖片描述
使用元件

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

以上就是路由的四種跳轉方式 語法大致都差不多 換湯不換藥 只有個別單詞和作用的導航需要注意一下
接下來說一下*

路由傳參*

通過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

相關文章