VUE项目中遇到的一些问题(壹)

vue错误：Cannot set property 'render' of undefined at normalizeComponent...

 

vue文件写了script标签对，却没写

export default {} 这句语句...

vue Router 中导航守卫完整的导航解析流程

1. 导航被触发。
2. 在失活的组件里调用 beforeRouteLeave 守卫。
3. 调用全局的 beforeEach 守卫。
4. 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
5. 在路由配置里调用 beforeEnter。
6. 解析异步路由组件。
7. 在被激活的组件里调用 beforeRouteEnter。
8. 调用全局的 beforeResolve 守卫 (2.5+)。
9. 导航被确认。
10. 调用全局的 afterEach 钩子。
11. 触发 DOM 更新。
12. 调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。

vue项目中npm会抛出98% after emitting CopyPlugin这个错误

---

解决this.$router.push()跳转后不刷新
 

解决办法有两种：

第一种：将mounted函数 替换成activated函数。

第二种：通过路由监听的方法watch()。将mounted下的方法函数放到watch路由下（用户体验不好）

当进入 实例生命周期完成后 再次进入跳转页面 实例已缓存，不会再去重新请求数据渲染一次 ，（ created mounted 生命周期内的重新请求数据不会再次出发 ）这时需要在被访问的页面使用侦听器watch

在一个需求的开发中，由于需要根据不同的跳转页面进行不同的业务需求，所以在当前页面watch里面对router进行了监听，但是跳转到别的页面的时候，发现这个监听的router在重复调用，是当前页面被keep-alive包裹进行了缓存，由于缓存组件不会主动销毁，所以会出现重复监听的效果。所以，需要在router里面判断是否为指定页面。但是后来觉着这种方法带来的影响较大，所以不推荐在缓存页面中这样操作。 

// vue script
watch: {
  $route () {
    /**
      * 跳转到本页面需要执行的操作  
      * to do……
      */
    
    
  }
}

解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题

解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题

因为input类型为file时选择文件之后无法清楚,所以无法再次上传文件,解决办法:
document.getElementById('file').value = null 
(或者 this.$refs.referenceUpload.value = null)