vue项目中遇到的问题汇总

本文汇总了Vue项目中的一些常见问题及解决方法,包括:1. 使用created钩子避免mounted时的闪屏问题;2. 解决Vue-Router history模式下刷新报错,需服务端配合设置主页面;3. 使用vuex时数据刷新消失,利用localStorage持久化数据;4. 解决VUE项目不兼容IE问题,引入babel-polyfill并调整语法;同时指出了IE的两个兼容性问题:非法字符和对象简写形式,并提供了相应的解决策略。
摘要由CSDN通过智能技术生成

1 mounted钩子函数中请求数据导致页面闪屏问题
其实就是加载时机问题,放在created里会比mounted触发早一点,如果在页面挂载完之前请求完成的话就不会看到闪屏了

2 路由模式改为history后,除了首次启动首页没报错,刷新访问路由都报错。

必须给对应的服务端配置查询的主页面,也可以认为是主路由入口的引导。
  官方文档也有:传送门 : Vue-Router history Mode

3 vuex中数据刷新消失的问题
解决方法是在获取到数据往 store 中存储时,利用 window.localStorage.setItem(‘key’, value) 也存储一份相同数据。当在获取数据时判断存储的数据是否为空(如果是数组就判断长度是否为0,总之这儿就是判断),若不为空(数组长度不为0)直接获取,否则利用 window.localStorage.getItem(‘key’) 来获取。
例如

vue组件中:

      this.$store.commit('setUserId', item.id)
      window.localStorage.setItem('userId', JSON.stringify(item.id))

store中:

  getters: {
    loginIn: state => {
      let loginIn = state
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值