Ant-vue中a-table新增修改删除

Posted 2021-09-29 尔嵘

如何实现Ant-vue中表格的新增、修改、删除？

实现源码：

        

<template>
  <a-card style="margin-top: 24px;">
    <a-row>
      <a-col :xl="24" :md="24" :sm="24">
        <a-form-model layout="inline">
          <a-form-model-item>
            <a-input v-model="dataForm.name" placeholder="请输入要搜索的名称"></a-input>
          </a-form-model-item>
          <a-form-model-item>
            <a-space>
              <a-button icon="search">查询</a-button>
              <a-button icon="plus" type="primary" @click="handleAddOrUpdateTeam()">新增</a-button>
              <!-- <a-button icon="delete" type="danger">删除</a-button> -->
              <a-button type="primary" ico