记vue使用Element UI分页出现的问题

    最近在整理之前项目代码时，无意间发现了几个隐藏的bug，这bug藏得真深啊~~~

    先上代码：

<template>
    <div>
        <el-row class="page_title">
            <el-col :span="24">
                <span>操作日志</span>
                <hr>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="20" style="line-height:45px">
                <span id="span_sty">日志类型：</span><dictionary selectkey="apiType" @selectfun="selectVal"/>&nbsp;&nbsp;
                <span id="span_sty">用户名：</span><el-input style="width:210px;" @input="setValueNull" placeholder="请输入内容"  v-model="query.username"  clearable @clear="setValueNull"></el-input>&nbsp;&nbsp;
                <span id="span_sty">开始时间：</span>
                <el-date-picker v-model="query.beginTime" value-format='yyyy-MM-dd HH:mm' @change='setValueNull' type="datetime" placeholder="选择日期时间"></el-date-picker>&nbsp;&nbsp;
                <span id="span_sty">结束时间：</span>
                <el-date-picker v-model="query.endTime" value-format='yyyy-MM-dd HH:mm' @change='