vue项目中使用screenfull.js实现全屏,缩放功能

  1. 第一步安装依赖 cnpm install --save screenfull
  2. 封装组件 components下创建文件夹Screenfull 下创建文件index.vue
			//index.vue中代码
			
			
			
			
			

3.页面中使用

//script中首先引入
import Screenfull from '@/components/Screenfull'
 components: {
    Screenfull
  },
//template页面中使用

!注意exit-fullscreen/fullscreen svg图片放入icons下的svg文件夹下可自定义

你可能感兴趣的:(前端自学vue)