nuxt.js实战之window和document对象的使用

在开发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();}}
}

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

nuxt.js实战之window和document对象的使用相关推荐

JavaScript入门3JS外置对象：Window、Document对象与DOM实例详解
一)window对象 1.什么是DHTML? 1)DHTML是指操作HTML以创造各种动态视觉效果,是一种浏览器端的动态网页技术. 2)DHTML的功能: ①动态改 ...
nuxt.js实战之移动端rem
nuxt.js的项目由于是服务端渲染,通过js动态调整不同尺寸设备的根字体这种rem方案存在一种缺陷.由于设置字体的代码不能做服务端渲染,导致服务端返回的代码一开始没有相应的跟字体,直到与前端代码进行 ...
nuxt.js实战asyncdata服务端渲染
Nuxt扩展了Vue的生命周期: export default {middleware () {}, //服务端,中间件validate () {}, // 服务端asyncData () {}, / ...
Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node
报错问题 Nuxt.js打包后报错 DOMException: Failed to execute 'appendChild' on 'Node': This node type does not s ...
JS中window.document对象
小知识点注:外面双引号,里面的双引号改为单引号: 在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中文本框取出来 ...
JS中document对象 window对象
所有的全局函数和对象都属于Window对象的属性和方法. 区别: 1.window 指窗体.Window 对象表示浏览器中打开的窗口. document指页面.document是window的一个子对 ...
js（JavaScript）：面向对象，Document对象：查找元素对象，修改元素，事件
面向对象编程面向对象的编程,那么是更符合人类所接触的世界的逻辑思维. 将一个系统划分为各个子系统,子系统又由各个模块构成,将每个模块,系统划分为一个个对象,给这些对象赋予某些角色(属性/功能/方法) ...
window内置对象和js内置对象与方法
window内置对象一.navigator 代表着浏览器本身的信息: 代码名:navigator.appCodeName 浏览器语言:navigator.browserLanguage 操作系统 ...
前端开发：JS中的Window对象详解
前言在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...
JS实现sleep功能 JS遍历document对象
标题:JS实现sleep功能 JS遍历document对象/*****************************************/ var elementName; function c ...

nuxt.js实战之window和document对象的使用

nuxt.js实战之window和document对象的使用相关推荐

最新文章

热门文章