element slot-scope(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="操作"
>
<template slot-scope="scope">
<el-button class="del" @click.stop="contractInvoiceDataDel(scope.$index)" type="text" size="small">删除</el-button>
</template>
</el-table-column>
以上为个人经验 ,希望能给大家一个参考 ,也希望大家多多支持本站 。
声明:本站所有文章 ,如无特殊说明或标注 ,均为本站原创发布 。任何个人或组织 ,在未征得本站同意时 ,禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ,可联系我们进行处理 。
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!