avue-crud的使用

在写前端代码中，发现了一个新的工具avue，avue封装了大量的常用组件和插件库，如果需求合适（比如增删改查），用这个组件还是很方便，第一次使用实现表格，有些需要的注意的地方，记录下来。

首先，在HTML部分，代码如下：

<avue-crud
        ref="crud"
        :page="page"
        :data="tableData"
        :search.sync='searchForm'
        :table-loading="tableLoading"
        :option="tableOption"
        @on-load="getList"
        @search-change="searchChange"
        @refresh-change="refreshChange"
        @size-change="sizeChange"
        @current-change="currentChange"
        />

:page实现翻页

page: {
          total: 0, // 总页数
          currentPage: 1, // 当前页数
          pageSize: 10 // 每页显示多少条
        },

tableOption表示表格的表头