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

Question

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

链接到 repo：https ://github.com/spatie/vue-tabs-component

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

所以我有这段代码：

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

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

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

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

标签： javascriptvue.js

Answer 1

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

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