19、vue关于vue中beforeRouteEnter使用的误区

在写项目的时候偶然遇到了一个问题,在进入一个城市选择页面时,城市列表总是需要一秒后才能加载出来,出现了页面抖动,在解决这个问题时想到了路由中的beforeRouteEnter方法,在路由跳转前加载数据,在网上发现有博客说可以使用如下写法来解决这个问题:

19、vue关于vue中beforeRouteEnter使用的误区_第1张图片

这样写是毫无效果的, 经过仔细分析官方文档后发现next中的函数执行在页面mounted之后,所以这种方法时是不正确的。还不如直接将数据获取绑定到create钩子上。

正确写法如下:

19、vue关于vue中beforeRouteEnter使用的误区_第2张图片

这样就在跳转前获取到了数据,改写后完全解决了页面抖动的问题。

你可能感兴趣的:(19、vue关于vue中beforeRouteEnter使用的误区)