2017-05-09 318 views
0

我有2個單選按鈕。我需要通過在vue.js中使用v-model將它們的值綁定到變量。添加v模型時,兩個單選按鈕都顯示爲未選中。vue.js單選按鈕默認不勾選?

<div class="radio-item"> 
    <input type="radio" id="ritema" name="ritem" value="business" checked v-model="picked"> 
    <label for="ritema">Business </label> 
</div> 

<div class="radio-item"> 
    <input type="radio" id="ritemb" name="ritem" value="public" v-model="picked"> 
    <label for="ritemb">Public</label> 
</div> 
+0

您是否已將「採摘」數據值設置爲「公開」或「業務」? – dfsq

+0

不,我沒有。所以我們應該在數據部分中將值設置爲'精確'? – LJP

+0

這工作....謝謝 – LJP

回答

1

v模型始終使用數據屬性作爲單一的真相源。

v模型將忽略初始值,檢查或選擇任何表單元素上的屬性。它始終將Vue實例數據視爲真相的來源。您應該在組件的數據選項內聲明JavaScript端的初始值。

來源:https://vuejs.org/v2/guide/forms.html#Basic-Usage

因此,作爲評論說,你只需要對採摘您的Vue實例的值工作。

data() { 
    return { 
     picked: "business" 
    }; 
}