小程序開發中會遇到什么問題

這篇文章主要介紹了小程序開發中會遇到什么問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

問題總結：
(1) 分隔線高度使用rpx問題
在相鄰的兩條信息直接都會有一個分割線，將線的高度都設置成1rpx,在第一條和第二條之前的分隔線沒有顯示，但是其他的都展示了，分割線的屬性是一樣的，而且在不同的手機上（分辨率不同）不顯示的分割線也是不同的，有的分辨率好幾條分割線都不顯示，不知道這是模擬器的bug還是rpx的bug。解決方法：分割線的高度尺寸單位使用了px,解決了這個問題。

(2) Page注冊問題
這個錯誤可能很容易理解，頁面注冊錯誤。頁面是通過Page對象來渲染的，每個頁面對應的js文件必須要創建page，最簡單的方式就是在js文件下寫入Page({})，在page中有管理頁面渲染的生命周期，以及數據處理，事件都在這完成。這個錯誤引起的原因一般都是剛創建頁面，js文件還有有處理或者忘了處理。
解決方法：養成創建頁面的同時在js文件先創建Page的習慣.

(3) Page route 錯誤
重復調用路由引起的，處理方法就是刪除一個路由，刪除<navigator />組件或者刪除wx.navigateTo。

(4) Don’t have * Handle in current page.
其實這種問題出現一般就是我們在wxml定義了一些處理事件，但是在js文件中沒有實現這個時事件的處理方法，就會出現這個錯誤。那么我們按提示在js文件加上事件處理
解決方法：不要漏掉任何調用事件的方法實現

(5) tabBar 設置不顯示
對于tabBar不顯示，原因有很多，查找這個錯誤直接去app.json這個文件

未將頁面注冊到app.json中

tabBar寫法錯誤導致的不顯示，將其中的大寫字母B寫成小寫，導致tabBar不顯示

tabBar的list中沒有寫pagePath字段，或者pagePath中的頁面沒有注冊

tabBar的list的pagePath指定的頁面沒有寫在注冊頁面第一個。微信小程序的邏輯是”pages”中的第一個頁面是首頁，也就是程序啟動后第一個顯示的頁面，如果tabBar的list的pagePath指定的頁面都不是pages的第一個，當然也就不會顯示tabBar了。

tabBar的數量低于兩項或者高于五項，微信官方中明確規定tabBar的至少兩項最多五項。超過或者少于都不會顯示tabBar。

(6) wx.navigateTo 無法打開頁面
一個應用同時只能打開5個頁面，當已經打開了5個頁面之后，wx.navigateTo不能正常打開新頁面。請避免多層級的交互方式，或者使用wx.redirectTo

(7) 本地資源無法通過css獲取
background-image：可以使用網絡圖片，或者 base64，或者使用<image/>標簽

(8) 頁面數據傳遞
微信小程序路由（頁面跳轉）是通過API wx.navigateTo或者wxml中<navigator/>組件實現的，不管哪種實現都會有一個重要的參數就是url，它指定了要跳轉的頁面，并且頁面之間數據傳遞也是通過url來實現的，這個數據傳遞有點類似于我們使用的get網絡請求，把參數都拼接在要跳轉界面地址的后面并以“？”連接。然后將要傳入的數據以鍵和值的形式追加在”?”后面，多個參數直接用”&”符合。可以這樣寫

<navigator url="/pages/dynamic/dynamic?title={{item.title}}&message={{item.message}}">
<view class="item" >
<view class="item-left">
<image src="{{item.url}}" class="image"/>
</view>
<view class="item-middle">
<view>
<text class="title">{{item.title}}</text>
</view>
<view>
<text class="message">{{item.message}}</text>
</view>
</view>
<view class="item_right">
<view><text class="time">{{item.time}}</text></view>
<view class="mark" wx:if="{{item.count>0}}"><text class="text">{{item.count}}</text></view>
</view>
</view>
<view class="line"></view>
</navigator>

而數據接收是在js文件的page里接收的，page生命周期有一個onLoad函數，它就是做一些初始化數據的工作，onLoad函數有一個參數options，我們就可以通過key將數據獲取，如下

onLoad:function(options){
// 頁面初始化 options為頁面跳轉所帶來的參數
console.log(options.title) //這里是接收參數
console.log(options.message)
},

這樣就實現了頁面間數據傳遞功能。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“小程序開發中會遇到什么問題”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!