Vue項目總結(仿餓了麼),那些踩過的坑

項目中出現的主要問題

問題1:v-for中this失效

解決:在data中先把this付給變量,在通過該變量進行調用

 

問題2:vuex傳多個參數失敗

解決:vuex中的方法只接受兩個參數,如果想要傳多個參數可以通過數組的形式進行傳參

 

問題3:通過router.push()進行傳參時,接受頁面收到的參數爲空

解決:傳參格式出現了問題,傳參格式應該爲

https://juejin.im/entry/5b226b49518825749630de11

1、路由配置

2、傳參頁面

3、接參頁面

 

 

問題4:代碼上傳到碼雲時出現了錯誤error: failed to push some refs to 'https://gitee.com/xxx.git'

解決:把參數-u改爲-f

https://www.cnblogs.com/ederwin/articles/6666614.html

原因:遠程倉庫中的README.md文件不在本地倉庫中

 

問題5:滾動監聽跳轉到別的路由時報錯

原因:在鉤子函數中掛載了監聽沒有銷燬

解決:在destoryed或beforeDestory中清除滾動監聽或將滾動事件置空

https://www.cnblogs.com/beileixinqing/p/7771327.html

 

兼容性問題:在移動端測試時滾動事件失效

解決:兼容性寫法(以點擊某按鈕回到頂部方法爲例)

https://www.jianshu.com/p/c4473018807c方法三

 

收穫:

1、熟悉了vue的項目開發流程

2、對動態組件、路由傳參、vuex狀態管理等都有了一定的熟悉

3、對sass有了一定的掌握

4、對mint UI有了一定的瞭解

5、進一步熟悉了移動端佈局rem vw cacl() %

 

項目地址:

碼雲 https://gitee.com/mandy22/elm

GitHub https://github.com/mandy222/elm

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章