Question

我在vue2中有一个简单的选择：

  <select v-model="formColumns">
    <option value="one_x">1</option>
    <option value="two_x">2</option>
    <option value="three_x">3</option>
  </select>

然后我尝试将此值应用于类：

我试过这个：

<div v:bind:class="formColumns"></div>

和此：

  <div v:bind:class="{one_x: formColumns === 'one_x'}" ></div>

这些似乎都不起作用。我有：

  data () {
    return {
     formColumns: 'one_x'
    }
  }

知道我在这里做错了吗？

谢谢

Answer 1

您的v-bind指令语法不正确

<div v:bind:class="formColumns"></div>

使用此：

<div v-bind:class="formColumns"></div>

或者这个：

<div :class="formColumns"></div>

vuejs将选择值绑定到类值

1 个答案: