element ui分页

<ul>
         <li v-for="item in admission.slice((this.currentPage-1)*this.pageSize,this.currentPage*this.pageSize)">
                 <router-link :to="{path:'/home/subhome/zszc/'+item.id}"><span class="lingxing"></span>{{item.article_name}}<span class="time">{{item.article_createtime}}</span></router-link>
         </li>
</ul>
 <el-pagination
         background
         layout="prev, pager, next"
         :total="admission.length"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-size="pageSize">
 >
</el-pagination>
data(){
            return {
                currentPage:1,
                pageSize:20

            }
methods:{
            handleCurrentChange(val){
                this.currentPage = val;
            }
        }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容