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>