vue el-table不通过接口实现批量数据的删除

实现效果

<div class="tabBox">
            <div class="btns">
                <el-button type="danger" @click="allDelete" :disabled="this.multipleSelection.length===0">批量删除</el-button>
                <el-button type="primary" @click="addGoods">添加商品</el-button>
            </div>
            <div class="tabs">
              <el-table
                  ref="multipleTable" 
                  @selection-change="handleSelectionChange"
                  @select='onTableSelect'
                  :data="tableData"
                  border              
                  style="width: 100%">
                  <el-table-column
                  type="selection"
                  width="55">
                  </el-table-column>
                  <el-table-column label="序号"  type="index" width="60" align="center"></el-table-column>
                  <el-table-column
                  label="商品"
                  >
                    <template slot-scope="scope">
                     <span class="head_pic" > <img :src="scope.row.imgUrl[0].src" width="60" height="60"/></span>