鍍金池/ 問答/HTML/ v-bind:checked無效。

v-bind:checked無效。

我在radio組件里綁定了一個checked,但是并沒有動態(tài)更新。

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

picked的初始

    {
        picked:false
    }

JS取消的代碼

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

我本來覺得初始狀態(tài)單選框未選中,選中之后picked會變成true,然后通過取消再變成flase,radio變回未選中。但是好像picked并沒有變。當(dāng)單選框選中之后,取消就用不了了

回答
編輯回答
眼雜

v-model 會忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 Vue 實(shí)例的數(shù)據(jù)作為數(shù)據(jù)來源。你應(yīng)該通過 JavaScript 在組件的 data 選項(xiàng)中聲明初始值。

2017年9月5日 07:59
編輯回答
殘淚

用v-model綁定,其他的只是props傳值,而且checked是什么東西?你又不是checkbox
jsFiddle

2017年7月16日 05:39