使用Vue v-tooltip如何获取工具提示位置(在工具提示上显示为x- class属性)并基于此设置类

<button v-tooltip="{ content: '这是一个工具提示', class: 'x-class' }">按钮</button>

<button ref="tooltipElement" v-tooltip="{ content: '这是一个工具提示', class: 'x-class' }">按钮</button>

methods: {
  getTooltipPosition() {
    const tooltipElement = this.$refs.tooltipElement;
    const tooltipPosition = tooltipElement.getBoundingClientRect();
    console.log('工具提示位置:', tooltipPosition);
  }
}

methods: {
  getTooltipPosition() {
    const tooltipElement = this.$refs.tooltipElement;
    const tooltipPosition = tooltipElement.getBoundingClientRect();
    
    // 根据位置信息设置类
    if (tooltipPosition.top < 100) {
      tooltipElement.classList.add('top-class');
    } else {
      tooltipElement.classList.add('bottom-class');
    }
  }
}