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

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

时间2025-06-02 19:10:41分类IT科技浏览5109
导读: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
vue 组件渲染完成事件(【VUE 项目中使用luckysheet(在线表格)】)