小程序項目中遇到的問題

  1. 例如一行有2張圖片,各站頁面寬的一半,
<image src="{{item.img}}" mode="widthFix"></image>

使用mode=”widthFix”的時候,如果出現後面的一張圖片掉下去了,那麼很有可能是因爲前面的圖片的寬度比後面的大

解決: 將前面的圖片的寬度改成 <= 後面圖片的寬度

  1. 微信小程序聊天功能
    根據微信公衆平臺的的api 做的時候,不用啓用消息推送功能,因爲啓用後會出現接收不到用戶消息的可能
    提示:當綁定自己的微信賬號微客服人員時,可能不會再手機上接收到用戶發來的消息,掃描登錄網頁版的客服

  2. 在app.json 中設置全局的導航欄的顏色

    "window":{
    "navigationBarBackgroundColor": "rgb(242,54,58)"
    }

    發現在開發者工具自帶的模擬器上顯示顏色是正常的,但是在蘋果手機上是白色,在安卓手機上顯示是黑色。。。

    附:但是在設置一些頁面的背景色或者字體顏色用RGB又是可以正常顯示的,爲了避免不必要的麻煩,所以都用 #… 吧。
    可能是小程序還不夠成熟吧。

  3. 發送post請求的時候發現,後臺接收不到數據
    解決:可能是沒有寫header的數據類型

    wx.request({  
      url: '',  
      *header: {  
          'content-type': 'application/json'  
      }*,  
      success: function(res) {  
        console.log(res.data.openid) //獲取openid  
      }  
    }) 

content_type

  1. 與後臺交互的時候,http:// 這樣的鏈接地址會出現錯誤(具體什麼錯誤記不清了,控制檯好像可以看到的),小程序要求是https:// 的
    解決:要麼後臺處理,改成https 的
    要麼:在開發環境下的可以勾選以下選項
    這裏寫圖片描述

  2. 在 page 中設置的字體顏色與大小,只作用於button 的所有標籤,修改button 的字體需要單獨寫

  3. 請求數據的時候,如果需要將請求到的數據賦值給data裏面的某個字段,不能直接用 this ,需要在request 方法外,重新定義一個變量來替代 this,否則 success 內找不到this。

var _this = this
    wx.request({
        url: '',
        method:"post",
        header:"",
        data:{},
        success: function (res) {
        _this.setData ({
            bannerUrls : res.data.data
        })
      },
      fail: function(res) {
        console.log('請求失敗==='+res)
      },
      complete: function(res) {
        console.log('請求完成==='+res)
      }
    })

當請求到數據後,res.data 是整個請求到的數據格式,如果你的數據是一下格式的話,一般 res.data.data 纔是想要的數據

{
    "code": 200,
    "msg": "Success.",
    "data": [
        {
            "id": "7"
        },
        {}
    ]
}

8 . 在使用模板時,必須給模板傳值 data

<template is="acountV" data="{{total}}"></template>  

在使用中(例):

<label class = "amountL">{{total.money}}</label>
  1. wx.navigateTo() 頁面跳轉,頁面路徑只能是五層,當超過5層時,點擊跳轉失效,可以使用 wx.redirectTo 代替
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章