uni-app開發踩坑記錄


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

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

不支持直接這樣寫數組,需要在computed計算屬性中手動拼接,如:

:class="dynamicStyle"

computed:{

  dynamicStyle(){

    return "defaultStyle red";

  }

}

 

2、:value="this.inputValue"

不支持在所有的html組件中直接使用this.XXX訪問data中的屬性,把this去掉就可以訪問到

:value="inputValue"

 

3、使用view作為通用圖文列表時,為其添加@tap事件沒有反應

不知道是不是bug,還是我的使用問題,我通過<navigator url="./about.vue">臨時解決了問題,但同樣沒有進到@tap事件里,意味着我不能在進入頁面前做些事情

 

4、寫好了樣式在h5正常,但是在android平台直接全部亂掉了

檢查子組件路徑、名稱是否正確,檢查子組件內的是否有全局樣式,比如我的問題就是在子組件里把所有的view重置了,所以亂掉了

 

5、富文本渲染含有超鏈接無法點擊

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

 

目前已經發現但還沒有解決方法的問題:

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

 

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

 

補充:

1、使用上拉加載列表時,跳到詳情頁,如果直接跳轉無法記憶用戶當前瀏覽的位置,解決辦法:

  1).禁用原生導航欄,選擇自己自繪

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM