Vue和Bootstrap-将HTML传递到工具提示

Question

在我的Vue应用中，我应该在tooltip元素上实现b-card。在b-card内，我还有另一个元素b-card-text，并在其上应用了v-html指令，并传递了存储HTML数据的变量。由于HTML数据太长，我将truncate过滤器加了省略号，因此仅显示前X个字符。但是在悬停时，我希望tooltip将显示所有数据。我尝试了tooltip属性，v-b-tooltip:hover属性，b-tooltip元素，但是它不起作用。这是代码：

<b-card
              v-for="item of items"
              :key="item.id"
              :title="item.title"
              :img-src="item.image"
              class="mb-2"
            >
              <b-card-text
                :id="item.id"
                class="b-card-text"
                v-html="$options.filters.truncate(item.content, 50, '...')" />
            </b-card>

注意： item.content 是HTML