There are several el-tab-pane in el-tabs. Each el-tab-pane has another page. Why does the page keep shaking when operating paging?

< div vshow = "! listLoadingss" class= "pagination-container" >

                        <el-pagination @size-change="handleSizeChangesummary" @current-change="handleCurrentChangesummary" :current-page.sync="listQuery.currentPage"
                                       :page-sizes="[10,20,30,50]" :page-size="listQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total">
                        </el-pagination>
                    </div>
                    

< div vshow = "! listLoading" class= "pagination-container" >

                        <el-pagination @size-change="handleSizeChangesuccess" @current-change="handleCurrentChangesuccess" :current-page.sync="listQuery.currentPage"
                                       :page-sizes="[10,20,30, 50]" :page-size="listQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total">
                        </el-pagination>
                    </div>  

< div vshow = "! listLoadings" class= "pagination-container" >

                        <el-pagination @size-change="handleSizeChangefail" @current-change="handleCurrentChangefail" :current-page.sync="listQuery.currentPage"
                                       :page-sizes="[10,20,30,50]" :page-size="listQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total">
                        </el-pagination>
                    </div>                                              
Mar.06,2021
Menu