后缀属性中的 vue-tabs-component v-bind 变量答案

【问题标题】：vue-tabs-component v-bind variable in suffix property后缀属性中的 vue-tabs-component v-bind 变量
【发布时间】：2021-01-08 13:18:45
【问题描述】：

大家好！我有一个 vue js 项目，我安装了一个名为 vue-tabs-component 的 vue 插件。

它可以选择在某个选项卡上显示徽章，但我的问题是我不知道如何将计数变量显示到该组件属性中。

所以我有这段代码：

<tabs><tab name="Expired" suffix="<span class='suffix'>5</span>">My tab content</tab></tabs>

如何在后缀属性中绑定动态变量。

suffix="<span class='suffix'>5</span>"

我想显示一个动态数字，而不是 5。我怎样才能做到这一点？提前谢谢！

【问题讨论】：

【解决方案1】：

您可以使用字符串插值并传递后缀属性：

 :suffix="`<span class='suffix'>${suffix}</span>`"

【讨论】：