美文网首页前端开发
关于vue的一些坑

关于vue的一些坑

作者: zooey1184 | 来源:发表于2017-07-10 07:56 被阅读308次

从接触vue到做项目已经有段时间,中间碰到过大大小小的坑,但大都比较浅显容易解决,毕竟这是个主流框架,能遇到的问题但部分先驱探索者已经在社区给予的解答,所以不算特别困难,这里的话,提几个项目遇到的几个比较容易忽视的坑

vue的兼容性对于高版本是没什么问题的,但对于这样的高不高,低不低的ios9.2,我无fuck说,为什么不升级,为什么,遇到的问题主要是以下几个:

1、$router.back()  ||  window.history.back()  不能用

2、跳转后有些页面完全不显示

3、不能点击

虽然没能找到出现问题的根本原因,但是推测和vue的router的兼容性有关,尤其是页面不显示表现的尤为明显,明明这个页面在其他上面的显示都是完整的,偏偏到了ios9.2就蔫了,反复试验后,发现单页面获取路由参数并不能正常获取,$route.query,解决的办法就是使用原生的方式获取参数;

粗暴的获取参数

关于$router.back()不能使用,原因也是router的不兼容,发现解决的办法有两个,一个是使用$router.push(),或者$router.replace(),back不能用,push和replace却没问题,另一种就是页面的跳转使用原生路由跳转,不使用hash模式,因为这个模式是下跳转是模拟跳转,页面实际不刷新,这个是spa的一个优势,但同时也不利于我们的一些操作,比如这个跳转后低版本的不兼容性,还有就是后期会讲到的spa统计,这里我们简单的说解决办法,最简单的莫过于使用a标签跳转,或者window.location.href形式都是可以的

最后关于不能点击的问题,其实际也是router的兼容性,我的点击事件中有关于router的事件,所以造成了中间阻塞,无法执行事件,解决的办法同上

最后说一下这个坑到底有多坑,MD,模拟器上完全没问题,测试机是较高版本的,所以一开始注意不到这个问题,但是偏偏对方的手机是ios9.2这个就是最大的坑,不好测试。。。。。。只能屈服于这个世界的残酷和无奈

相关文章

  • Vue入坑教程(二)——项目结构详情介绍

    之前已经介绍了关于Vue的脚手架vue-cli的安装,以及一些文件目录介绍。具体可以查看《vue 入坑教程(一)—...

  • 关于vue的一些坑

    从接触vue到做项目已经有段时间,中间碰到过大大小小的坑,但大都比较浅显容易解决,毕竟这是个主流框架,能遇到的问题...

  • H5踩坑记录

    flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...

  • vue-cli 配置服务端口反向代理

    第一次部署配置,关于部署vue项目dist包,在nginx配置遇到的坑: 1.vue项目中vue.config.j...

  • vue/cli

    vue3入坑 加速github的访问 vue-cli的坑 vue/cli 官网Vue CLIvue cli 的包名...

  • vue-awesome-swiper的使用以及API整理

    一、先说一个看关于vue-awesome-swiper的一个坑 vue项目的package.json中显示的"vu...

  • Vue踩坑之Vue-router

    照着教程学习Vue,由于教程使用的是Vue1,但是我用npm安装的是2.0版本,所以开始了踩坑之旅 关于Vue-r...

  • Vue的坑——关于Watch

    在对数据进行监听的时候,当数据data进行变换,watch将进行一系列的操作,如果这些操作可能会对监听的数据dat...

  • Vue的构建版本

    使用Vue过程中遇到的坑:关于构建版本。 平时在使用Vue时,一般都是搭建vue-cli,今天在写一个小demo的...

  • vue基于d2-admin的RBAC权限管理解决方案2019-0

    前两篇关于vue权限路由文章的填坑,说了一堆理论,是时候操作一波了。 vue权限路由实现方式总结 vue权限路由实...

网友评论

  • Originalee:想问一下 iOS9.2获取不到路由参数之后,您这段代码 应该放在哪里执行呢?
    zooey1184:获取参数的方法有几种,一个还是$router,query,写的时候是17年的,vue-router插件中间迭代过几个版本,目前没遇到过兼容(当然低版本的市场占有率很低也可能是遇到客户没说而已),比较保守的可以是在created的时候获取href,然后拆分成自己想要的结构 上面的仅供参考

本文标题:关于vue的一些坑

本文链接:https://www.haomeiwen.com/subject/cgitettx.html