在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Element表格怎么刪除當(dāng)前行

Element表格怎么刪除當(dāng)前行

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180" data-index="index">
    </el-table-column>
    <el-table-column prop="name" label="姓名" width="180">
    </el-table-column>
    <el-table-column prop="address" label="地址">
    </el-table-column>
    <el-table-column prop="caozuo" label="操作">
      <template slot-scope="scope">
        <el-menu class="el-menu-demo" @select="handleSelect">
          <el-submenu index="2">
            <template slot="title" trigger="click">操作</template>
            <el-menu-item index="2-1">編輯</el-menu-item>
            <el-menu-item index="2-2">刪除</el-menu-item>
          </el-submenu>
        </el-menu>
      </template>
    </el-table-column>
  </el-table>
</template>

布局是這樣的我現(xiàn)在就是要在選擇操作的刪除時(shí)就刪除當(dāng)前一行，怎么設(shè)置和獲取到它的key來(lái)刪除呢

回答
編輯回答
不二心

刪除當(dāng)前行就是刪除tableData數(shù)組里的一項(xiàng)。用splice方法即可。
其實(shí)ElementUI文檔里就有這樣的例子啊~
elementUI文檔：table-流體高度


<template scope="scope">
    <el-button
      @click.native.prevent="deleteRow(scope.$index, tableData4)"
      type="text"
      size="small">
      移除
    </el-button>
  </template>
methods: {
  deleteRow(index, rows) {
    rows.splice(index, 1);
  }
},
2018年7月24日 15:55