v-bind：checked无效。

Question

我在radio组件里绑定了一个checked，但是并没有动态更新。

<td>
    <input type="radio" :checked="picked">
    <button @click="resets(index)">取消</button>
</td>

picked的初始

    {
        picked:false
    }

JS取消的代码

      
      resets:function(index){
        
        this.picked=false;
    }

我本来觉得初始状态单选框未选中，选中之后picked会变成true，然后通过取消再变成flase，radio变回未选中。但是好像picked并没有变。当单选框选中之后，取消就用不了了

Answer 1

用v-model绑定，其他的只是props传值，而且checked是什么东西？你又不是checkbox
jsFiddle

Answer 2

v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。