帶坑使用微信小程序框架WePY組件化開發項目,附帶第三方插件使用坑


 純粹用來記錄wepy及相關聯內容,以防再犯~

1. 接手的wepy項目版本是 1.7.2 ,so我沒有初始化的過程....

2. 安裝wepy命令工具,npm install wepy-cli -g , 在VScode終端安裝后可能需要重啟編輯器才能生效,通過wepy -v命令判斷是否成功;

3. 結合MinUI框架使用時,安裝組件假死一動不動,需要node版本切換為8.x版本(原本10.x);

4. 小程序元素上加了偽代碼(::after)后會影響事件向上冒泡(我無知),catch失效;

  解決辦法:多嵌套一層標簽,提高顯示層級

  理由:元素上加了偽代碼后多了遮罩層

5. wepy實時編譯,wepy build --watch, 如果實時編譯不好使,請手動編譯一次,相信我一定要去手動編譯;

  比如我只改變了template的元素內容,wepy就不會自動編譯了,因為它監聽不到改變地方!

  style部分也有這種情況~

  不知道wepy-cli抽什么風~

  不好使可用重啟編譯命令:wepy build --no-cache

6. wepy 在異步函數中更新數據的時候,必須手動調用$apply方法,才會觸發臟數據檢查流程的運行

  this.$apply()

  小聲嗶嗶:$apply在wepy build的時候自動填入到setData,so不要太頻繁,性能不好!

7. wepy 中使用ES6 async/await 語法時, 需要npm安裝'wepy-async-function', npm install wepy-async-function --save

  在app.wpy文件里引入 import 'wepy-async-function'

8. 組件通信:

  this.$broadcast('xxx')   //通知子組件執行xxx方法,所有子組件都會收到

  this.$emit()    //事件發起組件的所有父組件都會收到$emit

  this.$invoke() 是一個頁面或組件對另一個組件中的方法的直接調用(注意要先引入使用組件,不要看官方寫“傳入組件路徑”,實際上會報錯哦 b( ̄▽ ̄)d )

  父子組件動態傳值時,data變量height不需要加{{}}且需要snyc修飾符

   <navBar text="我的關注" :height.sync="height"></navBar   

9.  wepy.component組件實例中,onShow()生命周期不存在

10. 普通自定義方法在methods對象外聲明,與methods平級,methods屬性只能聲明標簽的bind/catch事件

 

  ~~~~~~~~~~~~~~ 2019-12-03更新 ~~~~~~~~~~~~~~ 

11.插件使用????

  

   使用:

    在app.wpy文件中聲明插件名稱,用 requirePlugin() 方式在頁面引用即可~

   還是去從官方文檔了解吧~

  這個問題,怎么解決????

  

  這個坑還填不了???

   

  ~~~~~~~~~~~~~~ 2019/12/05 update 填坑方案 ~~~~~~~~~~~~~~

  1.使用第三方插件報‘Promise’錯

  項目配置的wepy-async-function是^1.4.5

  升級wepy-async-function到最新版本即可解決,目前的最新版本為1.4.7。

  安裝指定版本: npm i wepy-async-function@1.4.6 --save 

  或者最近版本: npm install wepy-async-function --save 

  然后重啟編譯:  wepy build --no-cache 

  2.如果是報‘App、Page’等錯誤

  升級wepy-cli版本至最近版本

  3.相關issue

    https://github.com/Tencent/wepy/issues

 

~~~~~~~~~~~~~~ 2020/04/24 逼逼叨來了 ~~~~~~~~~~~~~~

  1. extends wepy.page 實例中的數據渲染對象data,會在頁面中留存(就是說離開當前頁后渲染數據能繼續使用),因為data沒有使用return返回!

  2.另外我重復記錄一次,微信小程序當前頁onHide后,需要手動清除定時器,否則一直存在!

 


免責聲明!

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



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