外贸达人小峻先森

关注

vuejs里面全屏插件screenful的使用

外贸达人小峻先森

关注

阅读 62

2022-02-28

【1】下载安装

npm install screenful -s

【2】在项目vue中配置

import screenfull from "screenfull";

【3】给按钮添加事件

在methods里面定义方法:

 screenFull() {
      if (!screenfull.enabled) {
        this.$message({
          message: "不支持全屏",
          type: "warning",
        });
        return;
      }
      screenfull.toggle();
    },

相关推荐

pipu

vue项目中通过使用screenful插件实现全屏

pipu 68 0 0

树下的老石头

Vuejs 记录踩坑:await 不能在foreach里面使用

树下的老石头 60 0 0

木樨点点

jquery 网页全屏显示插件

木樨点点 70 0 0

孟佳

正确使用进入全屏/退出全屏-全屏监听功能

孟佳 64 0 0

心智的年轮

Leaflet中使用Leaflet.fullscreen插件实现全屏效果

心智的年轮 81 0 0

文风起武

全屏滚动插件fullPage.js

文风起武 130 0 0

yellowone

解决Unity WebGLInput插件全屏输入的问题

yellowone 10 0 0

sullay

Vuejs组件的创建使用十一

sullay 37 0 0

一叶随风_c94d

jquery 全屏滚动插件fullPage初体验

一叶随风_c94d 71 0 0

8052cf60ff5c

Vuejs:component动态组件的使用示例

8052cf60ff5c 151 0 0

精彩评论(0)

0 0 举报