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

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

时间2025-08-01 07:36:12分类IT科技浏览6647
导读: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
人工智能机器人股票龙头一览表最新(【人工智能】机器学习中的决策树) 热血江湖手游哪个版本玩的人多(热血江湖私服现状)