使用Vue全屏软件包时this$ refs.fullscreen.toggle不是功能错误

问题描述

大家好，我得到了错误 this。$ refs.fullscreen.toggle不是功能 当我尝试在我的项目中实现vue-fullscreen时。这是我的代码。

<template>
 <div id="app">
<fullscreen ref="fullscreen" @change="fullscreenChange">
  Content
</fullscreen>
  <button type="button" @click="toggle" >Fullscreen</button>
 </div>
</template>
<script>
 import fullscreen from 'vue-fullscreen'
 import Vue from 'vue'
 Vue.use(fullscreen)
 export default {
 methods: {
  toggle () {
    this.$refs['fullscreen'].toggle() 
  },fullscreenChange (fullscreen) {
    this.fullscreen = fullscreen
  }
},data() {
  return {
    fullscreen: false
   }
  }
 }
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fullscreen vue.js