转义刀片模板仅限于使用VueJ的文本？

Question

我面临着奇怪的事情。

我有这样的事情：

<span class="label label-@{{type}}" v-on:mouseover="changeType">@{{type}}</span>

以data: { type: 'primary' }为例。

但是，曾经由Laravel处理的输出是

<span class="label label-{{type}}">primary</span>

为什么第一个{{type}}无法识别，为什么不改变？

有办法解决吗？

编辑：

因此，这是由于内部插值的折旧。

解决方案是使用类似:class="type" 。

但是，如何在输入之前添加内容？ 由于我想要label- + "type"

Answer 1

您应该使用简单的:class元素将其绑定：

<span class="label" :class="'label-' + type">primary</span>