vue 页面空白问题总结

JavaScript010

vue 页面空白问题总结,第1张

页面空白我遇到的就如下几种情况

1.路由异常，

一般是next()函数没有被执行

不执行的原因就是在 beforeEach 里

a.if判断的某个分支让它没有走next()

b.某个异常跳出导致没有执行

c.网络请求 只处理了then的情况，没有处理catch情况

2.html渲染报错，常见的就是key相同了

3.js解析报错，常见的es6语法在某些手机里不支持，特别是对象扩展符(...),promise的finally不支持等等。

4.网络请求异常导致的， 特别是 跨域请求异常 导致的，经常出现这个情况

意思就是某个元素没有id属性，但你又想通过id来获取这个元素，就出错了。火狐和谷歌在这的容错性有差异，所以一个报错、一个不报，但可以肯定错误肯定是存在的，具体情况要看过你的代码才知道，你至少也要把出错的那行代码贴出来啊，或者你自己通过开发者模式（F12键）来查错也行。

1、强制刷新：当你检查问代码逻辑没有问题的时候，你首先可以在赋值之后强制刷新渲染页面一下，这种时候一般都是多层嵌套或者多层遍历导致的，这种方法只能在当前页面内起作用，如果你是给子组件赋值，就不行。

2、重新销毁创建：如果只改变了子组件的数据，但是子组件没有重新渲染，那么可以重新创建一下这个子组件，其实也就是v-if一下。