将单元格索引传递给事件处理程

时间:2016-08-08 19:57:28

标签: vue.js

我们可以将列的索引传递给下面的事件处理程序。是否可以传递行和列的单元格索引?

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

1 个答案:

答案 0 :(得分:1)

<强> @Solution

<div id="out1"></div>
<div id="out2"></div>