版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
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>