原因:当列表页加载瀑布流插件,如果瀑布流没有完全加载完毕的时候,进行页面跳转,返回到列表页的时候,瀑布流会变成一列;
解决方案:
1.返回的时候计算两列的数据量能差多少,如果差3个以上,则重新加载;(实现起来难度较大);
2.等整个瀑布流完全加载完,再进行页面跳转;
3.修改waterfall2的渲染机制;
4.换插件
具体选择第2种方案:
1.列表页加载前,先隐藏,等列表完全渲染完再加载,然后才显示可点击的列表;
2.列表页加载前,增加load遮罩,等列表完全渲染完,才能点击列表;
3.监听浏览器的后退和返回事件,查看是否加载完毕,使用window.addEventListener('popstate', this.goBack, false)方法,并结合vue的销毁事件销毁监听;
4.使用vue的beforeRouteLeave方法,进行浏览器的后退和返回事件的监听;