4.17(RZ微信端)

手机端如何查看控制台信息

在需要调试的页面头部加入这两行代码,再次运行项目页面会出现一个设置图标,点击设置图标就能出来PC端的F12效果:

<script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js"></script>
<script>eruda.init();</script>

最最最最大坑

项目使用的是vue + cube-ui + swiper等技术,写完之后打包运行之后,在IE、IOS-9、微信等平台打开显示一片空白,后来发现是下面这个错:

ES6语法问题,不能够使用ES6,根本原因是swiper自带的依赖(dom7)js没有进行转义,最后我选择了放弃swiper,使用cube-ui的轮播图组件。

vue-router跳转到重复的组件,但每次参数不同,如何使声明钩子次次生效?

比如:/user/:id,每次id都会变化,怎么才能让目的组件根据id来渲染数据?

答案是不用做任何行动,网上大概说了三种解决方案:

  • 使用查询参数:<route-link :to="{path: '/', params: {id: 1}}"/>换成<route-link :to="{path: '/', query: {id: 1}}"/>,目的组件使用this.$route.query.id得到参数。
  • 使用路由守卫:beforeRouteUpdated(不知道拼错没)
  • 使用监听器:
watch: {
    "$route" (to, from) {
        // ...
    }
}

但是我这问题都不需要用这些方法。根本原因是我在App.vue加了<keep-lip>啥的,这个标签肯定拼错了,但是就是这个意思,去掉就好了。

Last modification:April 17th, 2018 at 09:14 pm
If you think my article is useful to you, please feel free to appreciate

One comment

  1. cess

    哈哈哈,收藏一下这个问题

Leave a Comment