首页IT科技element slot-scope(elementui中tabel组件的scope.$index的使用及说明)

element slot-scope(elementui中tabel组件的scope.$index的使用及说明)

时间2025-09-19 12:07:31分类IT科技浏览7540
导读: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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
python进行排序(python插入排序的运行过程)