セルのインデックスをイベントハンドラに渡す

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) 
    } 
})