Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 如何使用Vue类绑定输出Rails图像_标记_Ruby On Rails_Vue.js - Fatal编程技术网

Ruby on rails 如何使用Vue类绑定输出Rails图像_标记

Ruby on rails 如何使用Vue类绑定输出Rails图像_标记,ruby-on-rails,vue.js,Ruby On Rails,Vue.js,如何从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

如何从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}") %>
我试过其他组合,但都没有用。

我想是这个

<%= image_tag "triangle.png", "v-bind:class": "{'asc': !sort_by_desc, 'desc': sort_by_desc}" %>
您应该将v-bind:class转换为带双引号的字符串v-bind:class


此外,这不是Vue问题

谢谢,@ytbryan。似乎类名周围的引号是我需要的@MSC很高兴我的帮助:顺便说一句,您似乎也在使用Vue和Rails。也许你会对我感兴趣