Question

我有以下slim模板：

.dc-credit-card-label 'v-bind:class' => "{MyClass}"
  span.dc-credit-card--stars ••••
  span.dc-credit-card--stars ••••
  span.dc-credit-card--stars ••••
  span
    | {{ payment.last4 }}

所以我试图设置MyClass ='some-cool-class' 但这不起作用

有没有机会这样做？

Answer 1

来自this git issue的评论：

您只需要像普通指令一样使用指令标记，但使它们的语法更苗条。

.signed-in v-if="user"
  = "Wecome, {{ user.name }}"
  a.sign-out-button v-on:click="signOut" Sign out

因此，请“正常”使用它：

.dc-credit-card-label :class="{MyClass}"
  span.dc-credit-card--stars ••••
  span.dc-credit-card--stars ••••
  span.dc-credit-card--stars ••••
  span
    | {{ payment.last4 }}

在Vue.js和Slim中将类绑定到数据对象属性

1 个答案: