vue中使用全屏，el-tooltip失效

在 Vue 中使用全屏模式时，可能会导致 `el-tooltip` 失效的问题，这是因为全屏模式会将页面的 DOM 结构重新渲染，导致 `el-tooltip` 组件失去了绑定的元素。解决这个问题的方法是在全屏模式下重新初始化 `el-tooltip` 组件。

以下是一种解决方案：

1. 在需要使用 `el-tooltip` 的组件中，添加一个 `ref` 属性，例如：

<el-button ref="myButton" v-tooltip="'这是一个提示信息'">Hover Me</el-button>

2. 在 Vue 实例中，定义一个方法 `initTooltip`，该方法会在进入全屏模式时被调用，并且重新初始化 `el-tooltip` 组件，例如：

methods: {
  initTooltip() {
    this.$nextTick(() => {
      const buttonEl = this.$refs.myButton.$el
      buttonEl._tooltip && buttonEl._tooltip.doDestroy()
      new Tooltip(buttonEl, {
        placement: 'top',
        content: '这是一个提示信息',
        trigger: 'hover'
      })
    })
  }
}

3. 在全屏模式下，调用 `initTooltip` 方法即可重新初始化 `el-tooltip` 组件，例如：

document.documentElement.requestFullscreen().then(() => {
  this.initTooltip()
})

通过这种方式，即可在全屏模式下使用 `el-tooltip` 组件，并且保证其正常工作。