Element UI 提供了两种方法来显示元素的 tooltip，一种是使用 useEffect 而不是 style，另一种是使用 ontap。但是，这两种方法在实际应用中并不总是可行的。

使用 useEffect 而不是 style 的方法：

```jsx const handleMouseEnter = (event) => { // 当鼠标进入元素时，设置 tooltip 的位置 const tooltipEl = document.getElementById('tooltip'); tooltipEl.style.top = event.pageY + 'px'; };

const handleMouseLeave = (event) => { // 当鼠标离开元素时，移除 tooltip 的位置 const tooltipEl = document.getElementById('tooltip'); tooltipEl.style.top = ''; }; ```

使用 ontap 的方法：

```jsx const handleMouseEnter = (event) => { // 当鼠标进入元素时，设置 tooltip 的位置 const tooltipEl = document.getElementById('tooltip'); tooltipEl.style.top = event.pageY + 'px'; };

const handleMouseLeave = (event) => { // 当鼠标离开元素时，移除 tooltip 的位置 const tooltipEl = document.getElementById('tooltip'); tooltipEl.style.top = ''; }; ```

在实际应用中，如果你需要根据元素的大小或位置动态调整 tooltip 的位置，那么你应该使用 ontap。但是，如果你只是简单地将 tooltip 的位置设置为鼠标离开时的某个位置，那么使用 useEffect 或 ontap 可能更为合适。