如何在 erb 标签内使用车把？

Question

我需要提交一个带有隐藏字段标签的表单，该标签从我的 vue 实例中获取其值。

例如：

<%= form_for @post, new_data_path %>
  <%= f.hidden_field :data, value: {{ data }} %>
  <%= f.submit 'Checkout' %>
<% end %>

有没有办法让车把在 erb 标签内工作？

Answer 1

Vue 似乎在 handlebar 渲染之前被评估。使用Vuedelimiters更改默认{{}}

Vue.config.delimiters = ['@{', '}']

所以现在你的双花括号被 Vue 忽略了。

Answer 2

您只需将 {{ data }} 括在引号中即可。