溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
微信小程序頁面?zhèn)髦祵嵗治?/strong>
最近組里開發(fā)小程序，遇到了一個前端亙古不變的話題：頁面?zhèn)髦?br />
剛開始使用路徑傳參解決，但是眾所周知：
各瀏覽器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個字符，超過最大長度后無法提交。
所以覺得不靠譜。
研究了一下官網(wǎng)，發(fā)現(xiàn)有兩種方式可以“比較優(yōu)雅”地干這件事，當然不能和vuex/flux比。
1.使用全局變量
在項目app.js中定義globalData
App({
globalData:{
userInfo:'angeladaddy'
}
});
在需要的地方使用：
getGlobalVar:function(){
var that=this;
that.setData({
globalvar_str:JSON.stringify(getApp().globalData)
})
}
當然也可以隨時賦值：
onLoad:function(options){
getApp().globalData.userInfo+=' is an awesome man';
},
效果：
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>
接著，使用模板
使用 is 屬性，聲明需要的使用的模板，然后將模板所需要的 data 傳入，如：
<template is="msgItem" data="{{...item}}"/>
給item賦值以顯示模板數(shù)據(jù)
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})
這樣就一下解決了頁面?zhèn)髦祮栴}
后記：既然小程序可以使用ES6的所有特性，那么那個var that=this又是什么鬼？為何不能用箭頭函數(shù)解決作用域問題？回頭再試試。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼