vue.js单选按钮默认不勾选？

Question

我有2个单选按钮。我需要通过在vue.js中使用v-model将它们的值绑定到变量。添加v模型时，两个单选按钮都显示为未选中。

<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> 

Answer 1

v模型始终使用数据属性作为单一的真相源。

v模型将忽略初始值，检查或选择任何表单元素上的属性。它始终将Vue实例数据视为真相的来源。您应该在组件的数据选项内声明JavaScript端的初始值。

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

因此，作为评论说，你只需要对采摘您的Vue实例的值工作。

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