uni-app開發踩坑記錄

大部分問題是我在h5端看不到而在android、iOS平臺上暴露出來的，不包含小程序

一、:class="['defaultStyle', dynamicStyle]"

不支持直接這樣寫數組，須要在computed計算屬性中手動拼接，如：

:class="dynamicStyle"

computed:{

　　dynamicStyle(){

　　　　return "defaultStyle red";

　　}

}

 

二、:value="this.inputValue"

不支持在全部的html組件中直接使用this.XXX訪問data中的屬性，把this去掉就能夠訪問到

:value="inputValue"

 

三、使用view做爲通用圖文列表時，爲其添加@tap事件沒有反應

不知道是否是bug，仍是個人使用問題，我經過<navigator url="./about.vue">臨時解決了問題，但一樣沒有進到@tap事件裏，意味着我不能在進入頁面前作些事情

 

四、寫好了樣式在h5正常，可是在android平臺直接所有亂掉了

檢查子組件路徑、名稱是否正確，檢查子組件內的是否有全局樣式，好比個人問題就是在子組件裏把全部的view重置了，因此亂掉了

 

五、富文本渲染含有超連接沒法點擊

官方推薦的組件均沒法使用，其中markdown hello uniapp中也是點擊連接沒有任何反應，我已經X掉了這個需求，換了另外的方案實現，作完後有朋友推薦wxParse組件，是微信小程序上的，在插件市場上名字叫uParse，聽說能夠，沒試過

 

目前已經發現但尚未解決方法的問題：

一、在新打開的頁面，且以前頁面仍在頁面棧中，這時爲input組件添加focus，單組件正常，多組件會發生頁面抖動，彈出的軟鍵盤一閃而過，底部tabbar也一閃而過

 

使用uni-app開發app一點也不方便，不如創建mui項目，手搭vue坑少一點，太偏向小程序了，未完待續……

 

補充：

一、使用上拉加載列表時，跳到詳情頁，若是直接跳轉沒法記憶用戶當前瀏覽的位置，解決辦法：

　　1).禁用原生導航欄，選擇本身自繪

　　2).將detail做爲一個遮罩層，當用戶點擊到詳情頁時，把detail的show屬性打開，蓋住原來的列表頁

　　3).當用戶點擊左上角backUp圖標時，判斷遮罩層是否顯示，若是顯示將其改成隱藏，若是不是就返回上一頁