在vue中实现点击变成全屏

1、使用sreenfull插件，npm命令安装

npm install --save screenfull

2、在使用的页面正确引入

import screenfull from 'screenfull'

3、完整代码

<template>
     <div>
         <div type="primary" @click="screen">全屏</div>
     <div>
</template>
<script>
import screenfull from 'screenfull'
   export default ({ 
      data () {  
         return {     
          fullscreen:false,     
    } 
 },  
methods:{   
  screen() {     
      screenfull.toggle();   
      }, 
 }
})
</script>