1.路由中带参数
{
path: "/select/:moduleId",
name: "select",
component: Select,
meta: {
isKeep: true, // 需要被缓存
}
},
页面中产值和取参
// 页面跳转传值
this.$router.push({path:'/select/'+ 1});
// select页面取值
this.moduleId = this.$route.params.moduleId
2.keep-alive的页面,再次进入不刷新问题
created方法只在第一次进入的时候自行,返回上个页面再次重新进入,created方法不再执行,activated会每次执行
// 进入页面刷新的方法
activated () {
this.moduleId = this.$route.params.moduleId
}
// 离开该页面刷新的方法
deactivated () {
this.moduleId = this.$route.params.moduleId
}
本文详细介绍了在Vue.js中如何使用带有参数的路由进行页面跳转及参数传递,同时探讨了keep-alive组件在页面切换时的刷新问题,提供了created和activated方法的正确使用方式。
186

被折叠的 条评论
为什么被折叠?



