vue 全屏效果实现

最新推荐文章于 2024-07-23 16:01:04 发布

時間不夠以後

最新推荐文章于 2024-07-23 16:01:04 发布

阅读量737

点赞数

分类专栏：效果实现 vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43972213/article/details/122360551

版权

安装依赖 npm install --save screenfull
在需要的界面导入 import screenfull from 'screenfull'
实现效果
具体实现

<template>
  <div>
    <div ref="content" class="content">
      <Tooltip :content="isFullscreen ? `取消全屏` : `全屏`" placement="bottom">
        <Icon type="md-radio-button-on" v-if="isFullscreen" size="24" @click="screenfull"/>
        <Icon type="md-qr-scanner" v