element ui table 表格获取 行号，列数

方法一：

页面

<el-table-column prop="courseName" label="测试获取行号" align="center" width="80">
  <template slot-scope="{row,$index}">
    <span @click="showTest(row,$index)">点击查看</span>
  </template>
</el-table-column>

js方法

  methods: {
    showTest(my,index){
      console.log(my)
      console.log("行号",index)
    },

方法二：

页面

<el-table-column prop="courseName" label="测试获取行号" align="center" width="80">
  <template slot-scope="scope">
    <span @click="showTest(scope)">点击查看</span>
  </template>
</el-table-column>

js

  methods: {
    showTest(my){
      console.log(my)
      console.log("行号",my.$index)
    },

本质是一样的，都是通过获取element ui table 列里边的$index属性