如何在 bootstrap vue 的 b-tabs 中显示按钮？

Posted 2023-02-23

【中文标题】如何在 bootstrap vue 的 b-tabs 中显示按钮？

【英文标题】：How to display a button inside a b-tabs in boostrap vue?

【发布时间】：2021-02-18 10:23:12

【问题描述】：

情况是这样的：

我们有一系列的标签，里面有类似卡片的元素。设计师选择推送“更改显示”功能，隐藏卡片的部分内容（图片、描述），以增加每次显示的数量。

问题：

设计师选择将此更改显示按钮放在选项卡部分。喜欢（选项卡 - 选项卡 - 按钮）。 经过几个小时的研究，我找不到在<b-tabs> 组件（有X 个<b-tab>）内放置按钮的方法。我不得不使用浮动、绝对定位和使用坐标来放置按钮，但显然这不是一个理想的解决方案。

有没有更好的方法来解决这个问题？或者可以将按钮放置在组件本身内？

谢谢。

编辑：

@Anatoly 给出了答案！

谢谢。

【问题讨论】：

它是否回答了您的问题bootstrap-vue.org/docs/components/tabs#add-tabs-without-content？

也许你可以提供一个可重现的例子？

@Anatoly 我想我可以让它工作，谢谢。之后会尝试更新:)！

【参考方案1】：

尝试使用没有内容的标签，描述here