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

Faye ·
更新时间:2024-09-20
· 1288 次阅读

目录

elementui tabel组件scope.$index的使用

element获取单行的下标(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>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持软件开发网。



scope INDEX

需要 登录 后方可回复, 如果你还没有账号请 注册新账号