Vue htmlプロパティへの要素データのバインド

Question

選択した行を配列にバインドしたいのですが、データをv-forから入力の値にバインドしようとしています。 私はv-bindを試しました：value = "row.id"、私は値= {{row.id}}を試しましたが、何も動作していないようです。

<tbody> 
    <tr v-for="row in get_rows()"> 
    <td> 
     <input type="checkbox" v-bind:value="row.id" v-model="selectedRows"> 
    </td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</tbody> 

何が間違っていますか？

Answer 1

コードを機能させるには、selectedRowsを配列として初期化する必要があります。これをコンポーネントに追加：

data() { 
    return { 
    selectedRows: [] 
    } 
},