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.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e518c2-4511e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e518c2-4511e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?