Как вывести Rails image_tag с привязкой к классу Vue

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.