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

 

 

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