如何有条件地更改Bootstrap-vue工具提示文本？

import { BButton } from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

<template>
  <div>
    <b-button id="my-button" ref="myButton">Hover me!</b-button>
    <b-tooltip target="my-button" :title="tooltipText">{{ tooltipText }}</b-tooltip>
  </div>
</template>

data() {
  return {
    tooltipText: 'Default tooltip text'
  };
},
methods: {
  updateTooltipText() {
    // 根据条件更新tooltipText
    if (/* 条件判断 */) {
      this.tooltipText = '新的工具提示文本';
    } else {
      this.tooltipText = '另一种工具提示文本';
    }
  }
}

mounted() {
  // 在组件挂载后调用updateTooltipText来更新工具提示文本
  this.updateTooltipText();
},