计算属性pages

来源:7-6 Vue项目首页 - 图标区域逻辑实现

mengpeng

2020-04-29

以下代码,copy老师的例子 没有问题

computed: {
    getpages: function() {
      var pages = [];
      this.icons.forEach((item, index) => {
        var page = Math.floor(index / 8);
        if (!pages[page]) {
          pages[page] = [];
        }
        pages[page].push(item);
      });
      return pages;
    },
  },

下面改动一下,去掉如下代码:

if (!pages[page]) {
          pages[page] = [];
        }

改动后代码:

computed: {
    getpages: function() {
      var pages = [];
      this.icons.forEach((item, index) => {
        var page = Math.floor(index / 8);
        pages[page].push(item);
      });
      return pages;
    },
  },

结果游览器报错:
图片描述

写回答

1回答

呀呀呀亚歌

2020-04-29

这个就是JS中的二维数组了,类似于你先的初始化它为一个数组,才能使用相应的数组方法,要不然报错

0
4
好奇宝宝123
上面那句判断,是动态生产二维数组的,要加上
2020-11-22
共4条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程