이벤트 핸들러에 셀 인덱스 전달

Question

아래의 이벤트 핸들러에 열 인덱스를 전달할 수 있습니다. 행과 열 모두의 셀 인덱스를 전달할 수 있습니까?

<table id="app"> 
<tr v-for="row in rows"> 
    <td v-for="cell in row", @click="getCol($index)"> 
    {{cell}} 
    </td> 
</tr> 
</table> 

new Vue({ 
    el: '#app', 
    data: { 
    rows: [ 
     [11, 12, 13], 
     [21, 22, 23]  
    ] 
    }, 
    methods: { 
    getCol: (index) => console.log(index) 
    } 
}) 

Answer 1

@Solution

<table id="app"> 
<tr v-for="(i, row) in rows"> 
    <td v-for="(j, cell) in row", @click="getCell(i, j)"> 
    {{cell}} 
    </td> 
</tr> 
</table> 

new Vue({ 
    el: '#app', 
    data: { 
    rows: [ 
     [11, 12, 13], 
     [21, 22, 23]  
    ] 
    }, 
    methods: { 
    getCell: (i, j) => console.log(i, j) 
    } 
})