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

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

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

比如我们在使用前端的裁剪插件 vue-cropper时,刷新时或者使用nuxt框架服务端渲染时会报这样的错!

这时候我们考虑到使用懒加载,就是延迟加载:

1.引入组件

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

const vueCropper = resolve => resolve(require(‘vue-cropper’))

2.使用

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

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

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

    原文作者:白大魔王
    原文地址: https://segmentfault.com/a/1190000017902524
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞