小程序開發(fā)中遇到的問題怎么解決

本文小編為大家詳細介紹“小程序開發(fā)中遇到的問題怎么解決”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“小程序開發(fā)中遇到的問題怎么解決”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

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

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

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

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

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

未將頁面注冊到app.json中

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

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

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

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

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

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

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

<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>

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

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

這樣就實現(xiàn)了頁面間數(shù)據(jù)傳遞功能。

讀到這里，這篇“小程序開發(fā)中遇到的問題怎么解決”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內(nèi)容的文章，歡迎關注億速云行業(yè)資訊頻道。