Zellenindizes an Ereignishandler übergeben

Question

Wir können den Index einer Spalte an einen Event-Handler weiterleiten. Ist es möglich, die Zellindizes einer Zeile und einer Spalte zu übergeben?

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