vue+element获取el-table某行的下标,根据下标操作数组对象方式

vue+element获取获取el-table某行的下标某行的下标,根据下标操作数组对象方式根据下标操作数组对象方式

主要介绍了vue+element获取el-table某行的下标,根据下标操作数组对象方式，具有很好的参考价值，希望对大家有所帮助。一起跟随想过来看看吧

1.在vue中对数组中的某个对象进行操作时（替换、删除），都需要用到该对象在数组中的下标。

前端代码：前端代码：

scope.$index ：获取当前行的下标

scope.row：获取当前行的对象

效果图：

思路：通过点击事件将该对象在数组中的下标传递到方法中，然后对数组进行操作

1、新写一个‘导入'按钮，以定位的形式遮挡上传组件。这里是将element-upload进行了二次封装。

组件使用：

<div class="importBox">

<el-button type="primary" icon="el-icon-upload2" class="box_btn" @click="onImport">导入</el-button>

<ImportExcel ref="importFile" class="box_upload"@getImportFile='getImportFile'/>

</div>

组件定义：

<template>

<el-upload

class="upload-demo"

:before-upload="beforeAvatarUpload"

>

<el-button :loading="uploadLoading" type="primary" >导入</el-button>

</el-upload>

</template>

2、点击‘导入'触发事件。