VUE结合elementui实现分页器列表

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

原创

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

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #前端

<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(artList.length / 2) - 1">  
                下一页  
            </button>  
        </div>   -->

        <div class="fenyeqi-box">
          <!-- <span class="