avue 列添加操作按钮

Vue-Avue 是一款基于 Vue.js 的前端组件库，它提供了一个简洁易用的界面开发框架。对于表格（Table）列添加操作按钮，Avue 可能会包含预设的表单编辑功能，比如在数据列表中添加新行。

通常，Avue 表格列会包含常规的数据展示以及一些操作按钮，例如用于新增、编辑或删除记录。添加操作按钮的步骤可能是这样的：

1. 在模板中定义列：在 table 标签的 columns 属性里，你可以添加一个动态生成的列，包含自定义的按钮元素。

<template>
  <avue-table :data="tableData">
    <template slot="actions" slot-scope="scope">
      <button @click="handleAdd">添加</button>
    </template>
    <!-- 其他列配置 -->
    <column field="name" title="姓名"></column>
    <column field="email" title="邮箱"></column>
  </avue-table>
</template>

<script>
export default {
  methods: {
    handleAdd() {
      // 执行添加操作，如触发模态框或发送 API 请求
      this.$router.push({ name: 'addForm' });
    }
  }
}
</script>

2. 配置方法：在组件内部，你需要处理点击事件，可以跳转到添加表单页面或者执行其他业务逻辑。