vue中使用element ui 时 如何获得鼠标悬停位置的文字

在使用 Element UI 时，可以使用 Tooltip 组件来实现鼠标悬停显示文字信息的效果。具体实现步骤如下：

1. 在需要添加鼠标悬停效果的元素上，添加 `v-tooltip` 指令，并设置要显示的文字信息。

例如：

<el-button v-tooltip="'这是一个按钮'">按钮</el-button>

2. 在引入 Element UI 的 Vue 实例中，全局注册 Tooltip 组件。

例如：

import Vue from 'vue'
import { Tooltip } from 'element-ui'

Vue.use(Tooltip)

这样就可以实现鼠标悬停显示文字信息的效果了。当鼠标悬停在该元素上时，会显示指定的文字信息。

如果需要在代码中获取鼠标悬停位置的文字信息，可以使用 `el-tooltip` 组件的 `visible` 属性和 `content` 插槽。

例如：

<el-tooltip
  ref="tooltip"
  :visible.sync="visible"
  :content="content"
>
  <el-button>按钮</el-button>
</el-tooltip>

在 Vue 实例中，可以通过 `$refs` 来获取 `el-tooltip` 组件实例，进而获取 `visible` 属性和 `content` 插槽中的文字信息。

例如：

export default {
  data() {
    return {
      visible: false,
      content: ''
    }
  },
  mounted() {
    this.$refs.tooltip.$on('show', () => {
      this.visible = true
      this.content = this.$refs.tooltip.$slots.content[0].text
    })
    this.$refs.tooltip.$on('hide', () => {
      this.visible = false
      this.content = ''
    })
  }
}

这样就可以在鼠标悬停时获取文字信息了。