项目中出现的主要问题
问题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