nuxt.js中window和document对象的使用
分类:计算机 | 前端 | Vue | SSR服务端渲染 | Nuxt.js框架 | 综合 2175
更新: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();
}
}
}
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10950
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9499
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7278
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5845
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5484
- 6Intellij IDEA下的版本控制VCS的启用与关闭4902
- 7Spring学习经验—@ResponseBody注解的使用说明4897
- 8Druid异常解决经验—java.sql.SQLException url not set4514
- 9如何用批处理命令(bat脚本)启动和停止windows服务4285
- 10nuxt.js项目中如何添加和使用全局变量4159
- 11解决SpringBoot使用maven下载不了jar包的问题3499
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3394
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3247
- 14在Nuxt.js项目的head中引用外部js文件3089
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3066