原因:当列表页加载瀑布流插件,如果瀑布流没有完全加载完毕的时候,进行页面跳转,返回到列表页的时候,瀑布流会变成一列;

解决方案:

1.返回的时候计算两列的数据量能差多少,如果差3个以上,则重新加载;(实现起来难度较大);

2.等整个瀑布流完全加载完,再进行页面跳转;

3.修改waterfall2的渲染机制;

4.换插件

具体选择第2种方案:

1.列表页加载前,先隐藏,等列表完全渲染完再加载,然后才显示可点击的列表;

2.列表页加载前,增加load遮罩,等列表完全渲染完,才能点击列表;

3.监听浏览器的后退和返回事件,查看是否加载完毕,使用window.addEventListener('popstate', this.goBack, false)方法,并结合vue的销毁事件销毁监听;

4.使用vue的beforeRouteLeave方法,进行浏览器的后退和返回事件的监听;