关于vue.js:vue-全屏插件

装置：

npm install --save screenfull

利用：

import screenfull from 'screenfull'
export default {
  name: 'test',
  data() {
    return {
      screenfullBut: false, // 全屏按钮
    }
  },
  methods: {
    // 全屏性能
    fullscreen() {
      if (!screenfull.isEnabled) {
        this.$notification.open({
          message: '舒适提醒',
          description:
            '您的浏览器无奈应用全屏性能，请更换谷歌浏览器或者请手动点击F11按钮全屏展现！',
          duration: 10,
          placement: 'bottomLeft',
        });
        return false
      }
      screenfull.toggle();
      if(screenfull.isFullscreen){
        this.screenfullBut = false;
      }else{
        this.screenfullBut = true;
      }
    },

  }
}