nuxt.js中window和document对象的使用

分类:计算机 | 前端 | Vue | SSR服务端渲染 | Nuxt.js框架 | 综合 438
更新:2020-04-12 10:15:18
编辑

参考资料

https://www.cnblogs.com/chunshan-blog/p/9996197.html

使用方法

在开发nuxt项目的时候,我们难免会使用到document来获取dom元素。如果直接在文件中使用就会报错。这是因为document是浏览器端的东西服务端并没有。
我们只需要在使用的地方通过process.browser/process.server来判断,如下:

if (process.browser) {
   let myVideo = document.getElementById('mini_video');
   if (myVideo) {
     if (!this.videoShow) {
        myVideo.pause();
     } else {
        myVideo.play();
     }
   }
}