vue 原生分页组件封装

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/QQ_Empire/article/details/101030050

 1、分页组件封装

<template>
   <div id="page"> 
        <div> 
            <div class="page"  v-show="show"> 

                <div class="pagelist"> 
                    <span  >共 {{totle}} 条</span> 
                    <select v-model="pageSize" class="select_css" >
                        <option :value="10">10条/页</option>
                        <option :value="20">20条/页</option>
                        <option :value="50">50条/页</option>
                        <option :value="100">100条/页</option>
                    </select>
                    <span class="jump" v-if="currentPage>1" @click="currentPage--">上一页</span> 
                    <span v-show="currentPage>5" class="jump" @click="changePage(1)">1</span> 
                    <span class="ellipsis"  v-show="efont">...</span>