vue项目中遇到的问题（包含兼容性问题）

一、由于懒加载，使用elementUI里面的dialog的时候dialog还未被渲染成DOM元素，调用清空表单验证的方法会报错this.$refs[formName].resetFields();

 

 

 解决方案：①在open事件回调中进行；②使用slot=‘footer’，dialog的内容是懒加载，但是footer是实时渲染的；③不推荐，可以使用延时器

 

二、IE家族不支持Promise对象

解决方案：

安装： cnpm install es6-promise

在 main.js 引入 ： polyfill require("es6-promise").polyfill();

 

三、IE不支持箭头函数，

解决方案：

①可以安装插件，

②不使用箭头函数，直接用function函数，只需var that = this来指代this

 

四、异步回调函数中this无法指向vue实例

解决方案：将function函数改为箭头函数

 

五、路由变化，页面数据不刷新

解决方案：使用watch监听路由变化

 

 

 六、计时器在路由跳转之后还在运行，导致页面卡顿

解决方案：在生命周期函数beforeDestory中停止计时器