一、修改路由
routes: [
{
path: '/list/:id',
name: 'list'
}
]
二、传参跳转
this.$router.push({name:'list', params:{id: id}});
三、获取参数
this.$route.params.id
Vue中路由传参后刷新页面导致参数失效的解决办法
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种...
- 前言 最近在写Vue搭建的后台管理系统，在跳转页面时想要保留地址栏参数，使刷新参数还在，但是不想显示id:1,co...
- 安装和使用vue-router 步骤一: 安装vue-routernpm install vue-router -...
