vue延迟加载、懒加载(比如加载vueCropper)

12次阅读

共计 234 个字符,预计需要花费 1 分钟才能阅读完成。

服务端渲染的时候,有些组件加载时候,浏览器会报错 window is not defined 或者 document is not defined

比如我们在使用前端的裁剪插件 vue-cropper 时,刷新时或者使用 nuxt 框架服务端渲染时会报这样的错!
这时候我们考虑到使用懒加载,就是延迟加载:
1. 引入组件

const vueCropper = resolve => resolve(require(‘vue-cropper’))
2. 使用

这样刷新操作,或者使用 nuxt 等服务端渲染框架就没有问题了!

正文完
 0