vue.js - vuejs 将选择值绑定(bind)到类值

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>