Invalid v-bind:checked.

I bound a checked, in the radio component but did not update it dynamically.

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

initial picked

    {
        picked:false
    }

Code canceled by JS

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

I originally thought that the initial state checkbox was not selected, but after it was checked, picked would become true, and then unchecked by canceling and then changing to flase,radio. But it seems that picked has not changed. When the radio box is selected, it is not available to cancel

Apr.07,2021

bind with v-model, the rest is just props, and what is checked? You are not checkbox
jsFiddle


v-model ignores the initial values of the value, checked, and selected properties of all form elements and always uses the data of the Vue instance as the data source. You should declare the initial value in the data option of the component through JavaScript.

Menu