Skip to content

Latest commit

 

History

History
33 lines (32 loc) · 888 Bytes

on-default-delete.md

File metadata and controls

33 lines (32 loc) · 888 Bytes

有时候,el-data-table 内置删除按钮的形式、数量不满足用户需求。那么用户可以在合适的时机自行调用内部方法来删除。 下面的例子就是在多选的情况补回行删除按钮

<template>
  <el-data-table v-bind="$data" ref="table" />
</template>
<script>
export default {
  data() {
    return {
      url: 'https://mockapi.eolinker.com/IeZWjzy87c204a1f7030b2a17b00f3776ce0a07a5030a1b/el-data-table?q=basic',
      columns: [
        {type: 'selection'},
        {prop: 'date', label: '日期'},
        {prop: 'name', label: '姓名'},
        {prop: 'address', label: '地址'},
      ],
      extraButtons: [
        {
          type: 'danger',
          text: '删除',
          atClick: (row) => {
            this.$refs.table.onDefaultDelete(row)
            return false
          }
        },
      ]
    }
  }
}
</script>