知曉程式設計師,專注微信小程式開發的程式設計師!
一、小程式不同頁面之間的傳值方式
a、URL傳值
這種方式最常用,比如:
wx.navigateTo({
url: '../detail/detail?cid='+cid+'&access_token='+access_token
})複製程式碼
這裡面直接通過跳轉頁面的URL進行傳值,然後在另一個頁面進行接收:
onLoad: function (opt) {
console.log('cid =' + opt.cid);
console.log('access_token =' + opt.access_token);
}複製程式碼
這種傳值方式只適合值比較少的時候使用,傳值比較多的時候,還是建議寫本地快取~
b、本地快取
小程式API提供了本地快取資料的API,預設可以快取10M的資料,如下:
wx.setStorageSync('checkin', checkin);複製程式碼
checkin是一個object,在需要的頁面直接呼叫wx.getStorageSync即可獲取,這樣就解決了傳值較少的問題了。
c、全域性APP
其實還有第三種方式,就是全域性APP變數。app.js和app.wxss中的程式碼都是全域性生效的,所以我們可以利用這一點兒,在不同頁面之間進行傳值。
App({
onLaunch: function () {
},
globalData: {
host: 'https://api-xcx-qunsou.weiyoubot.cn/xcx',
// 版本升級時這裡的version加1並替換versionFeature的文案即可
version: 2,
versionFeature: '更新說明'
}
})複製程式碼
也可以在其他JS裡面動態修改globalData,如getApp().globalData.host = 'XXX';
二、textarea的鍵盤BUG
有同學可能會遇到這個問題:show-confirm-bar='false'設定不生效,導致鍵盤還帶有“完成”按鈕,預期效果是沒有“完成”button~
這個值如果要設定為true的話隨便輸入就可以了,但是如果是要設定false的話就需要設定變數或者留空:
show-confirm-bar='' 或者 show-confirm-bar='{{showConfirm}}'
三、小程式中如何生成分享小程式碼
官方文件:https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html
(微信小程式官方文件不支援搜尋,這真是太TM坑人了~)
文件大家自己去看吧,我們需要注意以下幾點:
1、通過該介面,僅能生成已釋出的小程式的二維碼。
2、可以在開發者工具預覽時生成開發版的帶參二維碼。
3、介面A加上介面C,總共生成的碼數量限制為100,000,請謹慎呼叫。
4、POST 引數需要轉成 json 字串,不支援 form 表單提交。
5、auto_color line_color 引數僅對小程式碼生效。
另,今天下午微信小程式官方釋出重大訊息:
1、小程式支援開啟APP了
2、小程式標題欄,想變就變
看到這兩條訊息後,先想到的是:
1、能否在小程式中直接開啟支付寶紅包?目前從官方介紹中沒發現可以這樣做,看有沒有哪家小程式搞出點兒名堂~
2、小程式標題欄可以變化之後,是否可以像APP裡開屏廣告一樣,全屏展示廣告?tabbar可能是個坑人的地方~
《END》
知曉程式設計師,一個專注於微信小程式開發的程式設計師~
如果對小程式技術感興趣,歡迎勾搭連勝老師,微信:13718712821,備註知曉程式設計師哦,歡迎討論問題 & 一起探討小程式人生~~
掃描下方二維碼,關注知曉程式設計師,實時瞭解小程式動態 & 小程式開發相關內容~