如何使用Vue类绑定输出Rails image_tag

Question

如何从Rails输出具有绑定类的图像标签供Vue使用？

我需要将类绑定到Vue，如下所示：

<img src="triangle.png" :class="{'asc': !sort_by_desc, 'desc': sort_by_desc}"/>

将其转换为Rails语法（以受益于资产管道），以下会导致（Rails）语法错误：

<%= image_tag ("triangle.png", v-bind:class: "{'asc': !sort_by_desc, 'desc': sort_by_desc}") %>

我尝试了其他组合都无济于事。

Answer 1

我想是这个

<%= image_tag "triangle.png", "v-bind:class": "{'asc': !sort_by_desc, 'desc': sort_by_desc}" %>

您应该将v-bind:class转换为带有双引号的字符串"v-bind:class"。

而且，这不是Vue问题。