微信小程序常見問題

發(fā)布時(shí)間：2020-07-18 14:54:03 來源：億速云閱讀：181 作者：小豬欄目：web開發(fā)

小編這次要給大家分享的是微信小程序常見問題，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

本文實(shí)例總結(jié)了微信小程序常見問題。分享給大家供大家參考，具體如下：

問題一

先來看我遇到的第一個(gè)問題
以下是我創(chuàng)建的目錄

微信小程序常見問題

當(dāng)創(chuàng)建完這個(gè)json文件之后，報(bào)了下面一個(gè)錯(cuò)

微信小程序常見問題

這個(gè)是我的報(bào)錯(cuò)信息。

解決方法：打開這個(gè)json文件，輸入兩個(gè)一對(duì)花括號(hào)完事。

問題二

以下是我引入js的代碼，絕對(duì)路徑報(bào)錯(cuò)。

var postsData = require('/data/post-data.js')

報(bào)錯(cuò)信息：

Uncaught Error: module “pages/post/data/post-data.js” is not defined

改正后的

var postsData = require('../../data/post-data.js')

數(shù)據(jù)

如果在onLoad方法中，如果是異步執(zhí)行一個(gè)數(shù)據(jù)綁定，則需要使用this.setData方法。如果不是異步是同步的話，那么只需要對(duì)this.data賦值可實(shí)現(xiàn)數(shù)據(jù)綁定

格式化代碼

shift + alt + F

數(shù)據(jù)緩存

需要說明的這個(gè)是數(shù)據(jù)的本地緩存，可以對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理。同一個(gè)微信用戶，同一個(gè)小程序 storage 上限為 10MB。

設(shè)置緩存

wx.setStorageSync('key','value');

獲取緩存

wx.getStorageSync('key')

清除緩存

//清除所有緩存
wx.clearStorageSync();
//清除指定緩存
wx.clearStorageSync('key');

界面交互

顯示消息提示框

wx.showToast({
 title: '成功',
 icon: 'success',
 duration: 2000 //設(shè)置彈框時(shí)間
})
//也可以這么寫  三元運(yùn)算的方式 根據(jù)需要來
wx.showToast({
 title:result&#63;'確定收藏':'取消收藏',
 duration: 2000 
})

顯示loading

    wx.showLoading({
     title: '加載中',  //顯示加載
    })

    setTimeout(function () {
     wx.hideLoading()  //取消加載
    }, 2000)

詢問框

    wx.showModal({
     title: 'hello',
     content: postCollected&#63;'確認(rèn)收藏嗎':'確認(rèn)取消收藏嗎',
     success: function (res) {
      if (res.confirm) {
       //更新緩存
       wx.setStorageSync('post_collected', postsCollected);
       that.setData({
        collected: postCollected
       })
      } else if (res.cancel) {
       console.log('用戶點(diǎn)擊取消')
      }
     }
    })

微信小程序常見問題

打印的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();

看完這篇關(guān)于微信小程序常見問題的文章，如果覺得文章內(nèi)容寫得不錯(cuò)的話，可以把它分享出去給更多人看到。

向AI問一下細(xì)節(jié)

微信小程序常見問題

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽