微信小程式學習總結(五)常見問題例項小結
阿新 • • 發佈:2020-06-05
本文例項總結了微信小程式常見問題。分享給大家供大家參考,具體如下:
問題一
先來看我遇到的第一個問題
以下是我建立的目錄
當建立完這個json檔案之後,報了下面一個錯
這個是我的報錯資訊。
解決方法:開啟這個json檔案,輸入兩個一對花括號完事。
問題二
以下是我引入js的程式碼,絕對路徑報錯。
var postsData = require('/data/post-data.js')
報錯資訊:
Uncaught Error: module “pages/post/data/post-data.js” is not defined
改正後的
var postsData = require('../../data/post-data.js')
資料
如果在onLoad方法中,如果是非同步執行一個數據繫結,則需要使用this.setData方法。如果不是非同步是同步的話,那麼只需要對this.data賦值可實現資料繫結
格式化程式碼
shift + alt + F
資料快取
需要說明的這個是資料的本地快取,可以對本地快取進行設定、獲取和清理。同一個微信使用者,同一個小程式 storage 上限為 10MB。
設定快取
wx.setStorageSync('key','value');
獲取快取
wx.getStorageSync('key')
清除快取
//清除所有快取 wx.clearStorageSync(); //清除指定快取 wx.clearStorageSync('key');
介面互動
顯示訊息提示框
wx.showToast({ title: '成功',icon: 'success',duration: 2000 //設定彈框時間 }) //也可以這麼寫 三元運算的方式 根據需要來 wx.showToast({ title:result?'確定收藏':'取消收藏',duration: 2000 })
顯示loading
wx.showLoading({ title: '載入中',//顯示載入 }) setTimeout(function () { wx.hideLoading() //取消載入 },2000)
詢問框
wx.showModal({ title: 'hello',content: postCollected?'確認收藏嗎':'確認取消收藏嗎',success: function (res) { if (res.confirm) { //更新快取 wx.setStorageSync('post_collected',postsCollected); that.setData({ collected: postCollected }) } else if (res.cancel) { console.log('使用者點選取消') } } })
列印的res
顯示操作選單
onShareTap:function(event){ wx.showActionSheet({ itemList: [ '分享給微信好友','分享到朋友圈','分享到QQ' ],itemColor:'#405f80',success:function(res){ console.log(res) } }) }
顯示效果
獲取全域性變數
app.js
app({ globalData: { g_name: "huangyuxin" } })
使用
detail.js
var app = getApp();
希望本文所述對大家微信小程式設計有所幫助。