vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > elementui tabel组件的scope.$index使用

elementui中tabel组件的scope.$index的使用及说明

作者:小智玩前端

这篇文章主要介绍了elementui中tabel组件的scope.$index的使用及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

elementui tabel组件scope.$index的使用

tabel组件的自定义列模板中可以使用scope.row获取当前行的数据,而scope.$index获取的是当前行的数据在数组中的索引(tabel表格绑定的数据是一个数组,数组中每一个对象就相当于一行的数据)

使用如下:

<el-table-column prop="age" label="年龄">
  <template slot-scope="scope">
    <span @click="editor(scope.row,scope.$index)">编辑</span>
  </template>
</el-table-column>

element获取单行的下标(scope.$index)

scope.$index

 <el-table-column
   fixed="right"
   label="操作"
   width="100">
   <template slot-scope="scope">
     <el-button class="del" @click.stop="contractInvoiceDataDel(scope.$index)" type="text" size="small">删除</el-button>
   </template>
 </el-table-column>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文