微信小程式_新手必看 最快上手(下)
繼續我們的微信小程式講解
路由跳轉和傳遞引數
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
相關文章
- 微信小程式---快速上手雲開發微信小程式
- 微信小程式雲開發如何上手微信小程式
- 微信小程式入門教程之一:初次上手微信小程式
- 微信小程式開發風口下,微信小程式該如何運營?微信小程式
- 如何快速上手Mac電腦?mac新手教程 Mac電腦新手必看Mac
- Node服務下的微信小程式微信小程式
- 談下微信小程式的抓取技巧微信小程式
- Laravel 下微信小程式支付 API 配置Laravel微信小程式API
- 微信小程式微信小程式
- 微信小程式小技巧微信小程式
- 微信小程式(1) 微信小程式TLS版本大於1.2微信小程式TLS
- 微信小程式路由微信小程式路由
- 小白必看!教你四步製作賣傢俱的微信小程式商城!微信小程式
- Thinkphp微信行銷工具,微信小程式。PHP微信小程式
- 微信小程式實現軌跡回放,微信原生小程式,基於uniapp的小程式?微信小程式APP
- 微信小程式開發平臺新功能「雲開發」快速上手體驗微信小程式
- 新手避坑 -- 用 Jenkins +miniprogram-ci 自動構建微信小程式Jenkins微信小程式
- 微信小程式 demo 整理微信小程式
- 微信小程式之支付微信小程式
- 微信小程式 跳坑微信小程式
- 微信小程式學習微信小程式
- 微信小程式報錯微信小程式
- 微信小程式登入微信小程式
- 微信小程式總結微信小程式
- 微信小程式——商城篇微信小程式
- 微信小程式-列表渲染微信小程式
- 微信小程式元件button微信小程式元件
- 微信小程式外掛微信小程式
- 微信小程式訂閱微信小程式
- 微信小程式接入LeanCloud微信小程式Cloud
- 微信小程式直播接入微信小程式
- 微信小程式樣式微信小程式
- 微信題庫小程式
- 微信小程式——授權微信小程式
- 微信小程式開發微信小程式
- 微信小程式深度解析微信小程式
- 微信小程式歸結微信小程式
- 微信小程式+vant框架微信小程式框架