Escape Blade模板限于使用VueJs的文本？

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>