计算属性方法执行拿不到数据展示

写了一个计算属性方法 在v-for中将对应数据循环展示出来
可执行的方法最后好像是空的没有拿到我给的数据

 <swiper-slide v-for='(page,index) of pages' :key="index"> 
  <div class="iconsblack" v-for='item of  page' :key="item.id">
  <div class="icon">
  <img class="icon-img" :src="item.imgurl" />
  </div>
  <p class="icon-desc">{{item.desc}}</p>
  </div>
  </swiper-slide>
请输入代码
       computed:{
            pages () {
            const  pages=[];
            this.iocnlist.forEach((item,index)=>{
                const page=Math.floor(index/8)
                if(!pages[page]){
                  pages[page]=[]
                }
                pages[page].push=pages[item]
            })
            return pages
        }
      }
阅读 2.4k
2 个回答

pages[page].push=pages[item] 这个逻辑我没看懂。

  1. 首先,你是要给数组的 push 方法覆盖掉重新赋值吗?我理解应该是调用 push 方法吧。那应该是 pages[page].push(pages[item]);
  2. 赋值 = 右边的 pages[item] 是什么?初始化 pages是个空数组,pages[item] 永远是 undefined

逻辑是挺绕的,但有一个地方明显错误,要写也应该是:
pages[page].push=item

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题