前端那些事20231218-关于table中加入按钮的方式

前端歌谣

已于 2024-01-08 09:28:26 修改

阅读量876

点赞数 22

文章标签：前端 javascript 开发语言

于 2024-01-08 09:27:49 首次发布

本文链接：https://blog.csdn.net/qq_41632427/article/details/135064523

版权

2024-vue2vue3-前端那些事专栏收录该内容

312 篇文章 1 订阅

订阅专栏

这篇文章介绍了如何在项目中使用Vue-Avue-Crud组件，它提供了一个可定制的数据表格，支持列操作、搜索、过滤以及动态模板展示，如明细链接和文档下载功能。

摘要由CSDN通过智能技术生成

   <avue-crud
      class="avue-affixed avue-new-table"
      ref="crud"
      :option="tableOption"
      :table-loading="listLoading"
      :data="tableData"
      :page.sync="page"
      @current-change="currentChange"
      @size-change="sizeChange"
      @search-change="searchChange"
      @filter-change="filterChange"
      @selection-change="selectionChange"
    >
      <template slot-scope="{ row }" slot="inspectionProcess">
        <el-link>明细</el-link>
      </template>
      <template slot-scope="{ row }" slot="documentationRequirement">
        <el-link>下载</el-link>
      </template>
      <template slot-scope="scope" slot="menu">
        <table-column-btns :btns="tableBtns" :scope="scope"></table-column-btns>
      </template>
    </avue-crud>