vuejs绑定选择值类值

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-绑定指令语法不正确

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

使用此：

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

或本：

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