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: [] 
    } 
},