微信小程式頁面傳值新手教程

2022-09-24 02:57:09 字數 908 閱讀 4056

微信小程式頁面傳值新手教程。最近組裡開發小程式,遇到了乙個前端亙古不變的話題:頁面傳值。

剛開始使用路徑傳參解決,但是眾所周知:

各瀏覽器http get請求url最大長度並不相同,幾類常用瀏覽器最大長度及超過最大長度後提交情況如下:

ie6.0 :url最大長度2083個字元,超過最大長度後無法提交。

ie7.0 :url最大長度2083個字元,超過最大長度後仍然能提交,但是只能傳過去2083個字元。

firefox 3.0.3 :url最大長度7764個字元,超過最大長度後無法提交。

opera 9.52 :url最大長度7648個字元,超過最大長度後無法提交。

google chrome 2.0.168 :url最大長度7713個字元,超過最大長度後無法提交。

所以覺得不靠譜。

研究了一下官網,發現有兩種方式可以「比較優雅」地乾這件事,當然不能和vuex/flux比。

使用全域性變數

在專案app.js中定義globaldata

app(

});在需要的地方使用:

getglobalvar:function())

}當然也可以隨時賦值:

onload:function(options),效果:

2.使用模板

根據官方介紹如下:

首先定義模板,使用name屬性

}: }

time: }

接著,使用模板

使用 is 屬性,宣告需要的使用的模板,然後將模板所需要的 data 傳入,如:

給item賦值以顯示模板資料page(

}})這樣就「duang~~~」的一下解決了頁面傳值問題

後記:既然小程式可以使用es6的所有特性,那麼那個var that=this又是什麼鬼為何不能用箭頭函式解決作用域問題回頭再試試。

微信小程式父子傳值

父元件向子元件傳值 父元件wxml 子元件js 裡面存放的是 要從父元件中接收的資料 properties 子元件的wxml view 子元件向父元件傳值 父元件wxml 0 block 1 block 2 block 3block tabs 父元件js 自定義事件 用來接收子元件傳遞的資料的 ha...

微信小程式button元件新手教程

button按鈕元件說明 button,顧名思義,按鈕,類似於html的button標籤。我們可以設定按鈕的屬性,比如字型顏色大小,背景顏色等,可以給按鈕繫結事件,使用者點選時會觸發事件。button按鈕元件示例 執行效果如下 下面是wxml 怎麼飛?點選 按鈕 即飛 下面是js page onlo...

微信小程式學習新手教程

框架 微信小程式是乙個框架,小程式開發框架。目標是通過盡可能簡單 高效的方式讓開發者可以在微信中開發具有原生 app 體驗的服務。框架結構 自己的檢視層描述語言 view wxml 和 wxss基於 j ascript 的邏輯層 app service 框架檢視層與邏輯層間提供了資料傳輸和事件系統 ...