<template>
<div class="hash">
<div class="page">
<span @click="last"><</span>
<span v-for="(item,index) in nowPage" :key="index" @click="pageTo(item,index)" :style="{background:page===item?'#FFDC3B':'',color:page===item?'#fff':''}">{
{item}}</span>
<span @click="next">></span>
</div>
</div>
</template>
<script>
import trendArr from '../../trend'
export default {
data(){
return{
nowPage:[],
pageCenter:2,//显示分页的中心
chartArr:trendArr,
page:1,
size:10
}
},
created(){
this.initPage()
},
computed:{
len(){
return Math.ceil(this.chartArr.length / this.size)
}
},
methods:{
initPage(){
// let len =
vue自定义分页按钮
最新推荐文章于 2022-12-09 07:00:00 发布