简单实用数组分页方法

1.准备数组

listnav: [

{ 

image: 'https://img-blog.csdnimg.cn/5b6f01d3a714421da43c12e7f8affc7c.png',

title: '文具'

},
{
 image: 'https://img-blog.csdnimg.cn/8ade72de22e243c2b58f5eb2e317b0d3.png',
 title: '男装'
 },
{
image: 'https://img-blog.csdnimg.cn/0e0dae1950a3464db9a09a42648d43e0.png',
title: '女装'
},
{
 image: 'https://img-blog.csdnimg.cn/3fa800fcfdb240178ec7b52e99a3e141.png',
 title: '烟酒方式'
 },
{
image: 'https://img-blog.csdnimg.cn/4320f396d2d04bfeb0edce80986ddea4.png',
title: '数码'
},
{
image: 'https://img-blog.csdnimg.cn/0aadb7cd014f4f8db694dd0a765bb8cc.png',
title: '箱包立刻'
},
{
image: 'https://img-blog.csdnimg.cn/c993f4e9ebda42b69f9951b0cdda31b5.png',
title: '玩具'
},
{
image: 'https://img-blog.csdnimg.cn/6ff1fce7adef46d5aa48363beccbcd41.png',
title: '美妆'
}, {
image: 'https://img-blog.csdnimg.cn/dd99531054804f37b44dd2a620762859.png',
title: '鲜花'
},

{
image: 'https://img-blog.csdnimg.cn/5b6f01d3a714421da43c12e7f8affc7c.png',
 title: '更多'
},
 {
image: 'https://img-blog.csdnimg.cn/dd99531054804f37b44dd2a620762859.png',
 title: '鲜花'
},
 {
 image: 'https://img-blog.csdnimg.cn/5b6f01d3a714421da43c12e7f8affc7c.png',
 title: '更多'
 },
],

 2.封住函数（可用计算属性）

pagees() {

        // 声明空数组
        let pages = [] 

        // 对上面普通数组进行遍历
        this.listnav.forEach((item,index)=>{

                // item为数组的每一项

                // index为数组的每一项索引
                let page = Math.floor(index / 8)

                // index除以8表示，每个数组放8个

                // Math.floor为向下取整，index小于8向下取整都为0
                    console.log("page=>",page);

                //如果数组pages的pages[page]项不存在，则等于空数组
                    if (!pages[page]) {
                        pages[page] = []
                        // console.log("pages[page]=>",pages[page]);
                    }

                // 将page等于0的放在同一个数组，等于1的放在同一个数组
                    pages[page].push(item)
                })
                // console.log('pages=>',pages);
                this.listnav=pages
                console.log('this.listnav=>',this.listnav);
                // return pages
            },

 最后打印结果：