vue2中使用全屏screenfull插件遇到的问题

1、安装[email protected]后,启动项目。报错

vue2中使用全屏screenfull插件遇到的问题_第1张图片

解决方案:

第一种:卸载6.0的版本,安装 [email protected]

第二种:

vue.config.js文件中配置属性

vue2中使用全屏screenfull插件遇到的问题_第2张图片

第三种:

安装插件'@babel/plugin-proposal-nullish-coalescing-operator'

在babel.config.js配置

/* es5,es6新语法编译 */
module.exports = {
  compact: false,
  plugins: ['@babel/plugin-proposal-nullish-coalescing-operator']
}

2、使用

import screenfull from 'screenfull'

screenfull.toggle()

你可能感兴趣的:(全屏,screenfull)