在表格初始化方法grid.init 里

修改  属性 "lengthMenu":[1, 2, 3,4,5,6],

$('#data').dataTable({
                "bLengthChange": true, //开关，是否显示每页显示多少条数据的下拉框
                "aLengthMenu": [[5, 10, 25, -1], [5, 10, 25, "所有"]],//设置每页显示数据条数的下拉选项
                'iDisplayLength': 5, //每页初始显示5条记录
                'bFilter': false,  //是否使用内置的过滤功能（是否去掉搜索框）
                "bInfo": true, //开关，是否显示表格的一些信息(当前显示XX-XX条数据，共XX条)
                "bPaginate": true, //开关，是否显示分页器
                "bSort": false, //是否可排序 
                "oLanguage":{  //语言转换
                    "sInfo": "显示第 _START_ 至 _END_ 项结果，共_TOTAL_ 项",
                    "sLengthMenu": "每页显示 _MENU_ 项结果",
                    "oPaginate": {
                        "sFirst": "首页",
                        "sPrevious": "前一页",
                        "sNext": "后一页",
                        "sLast": "尾页"
                        }
                }
            });
 

html代码

<el-pagination
                    background
                    style="
                    margin: 50px 0;
                    text-align: center"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-size="10"
                    layout="prev, pager, next, jumper"
                    :total="total">
            </el-pagination>

js代码
data数据

data:{
        currentPage: 0,
        total:0,//总条数
        page:1,//初始显示第几页
        pageSize:10,//每页显示多少数据
        dialogVisible: false
    },

js代码
methods
注意：getTabelInfo()也要在 mounted()调用

    methods: {
        handleSizeChange(val) {
            this.pageSize=val;
            this.getTabelInfo();
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
        //当前为第几页时调用getTabelInfo()显示第几页数据
            this.page=val;
            this.currentPage=val;
            this.getTabelInfo();
            console.log(`当前页: ${val}`)
        },
        getTabelInfo(){
            let _that = this;
            PageNum=_that._data.page;//当前页
            PageSize=_that._data.pageSize;//每页显示几条数据
            axios.get('url', {
                params : { //请求参数
                    pageNum:PageNum,
                    pageSize:PageSize,
                }
            }).then(function(response){
                _that.tableData=response.data.object.list//将后台传递的数组赋值给定义的空数组
                _that.total=response.data.object.total
            }).catch(function(response){
                console.log(response);//发生错误时执行的代码
            })
        },
    }

分页效果，每页显示多少数据就完成啦！！！