VUE结合elementui实现分页器列表

最新推荐文章于 2024-12-02 21:08:30 发布

凉风听雪

最新推荐文章于 2024-12-02 21:08:30 发布

阅读量476

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： vue.js elementui 前端

本文链接：https://blog.youkuaiyun.com/p_s_p/article/details/140925166

<template>
  <div>
    外贸知识
    <div class="art-box">
        <div class="art-item-box">
            <div class="art-item" v-for="(art, index) in paginatedArtList" :key="index">
              <a :href="art.artsrc">
              <img :src="art.imgsrc" alt="">
                {
  {art.title}}</a> 
            </div>
        </div>
      
      <!-- 分页器 -->  
        <!-- <div class="pagination">  
            <button @click="currentPage--" :disabled="currentPage === 0">  
                上一页  
            </button>  
            <span>当前页: {
  { currentPage + 1 }}</span>  
            <button @click="currentPage++" :disabled="currentPage >= Math.ceil(artLi