当前位置: 首页 > Web前端 > vue.js

vue-route切换视图不更新

时间:2023-03-31 21:22:17 vue.js

问题:使用同一个组件后,切换路由,不执行创建和挂载的方法,无法获取数据例如:从/gameInfo切换到/gameInfo/details只在切换时第一次mounted会执行,之后mounted不会执行。解决方法:1.通过watch监听当前页面的路由变化watch:{'$route':function(){//首页刷新后,第一次不监听路由,第二次后才监听,console.log('route',this.$route)}},2,在添加key属性/keep-alive>上面是网上的解决办法。但是我遇到的问题还是没有解决。最后发现是的位置有问题。//layout/index.vue此时监听外部导航,所以当我点击组件中的导航栏时,页面不会更新。最后将放入,问题解决。每次路由切换时,都会执行挂载的方法。