vue 原生分頁組件封裝

 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>