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