Vue Element-ui 页面跳转

最新推荐文章于 2025-06-05 15:01:30 发布

wbj16116

最新推荐文章于 2025-06-05 15:01:30 发布

阅读量3w

点赞数 7

CC 4.0 BY-SA版权

分类专栏： Element-ui 文章标签： Element-ui

本文链接：https://blog.youkuaiyun.com/wbj16116/article/details/90258667

Element-ui 专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍了在Vue项目中如何使用a标签进行路由传参，以及如何实现页面的刷新、返回上一页和跳转至指定页面的功能。通过具体的HTML和JS代码示例，展示了Vue路由在实际开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、a 标签+传参

html

 <router-link :to="`supplyList/id/0`"  >查看补货清单</router-link>

roter

{path:"supplyList/id/:id",name:"SupplyList",component: SupplyList},

2、返回上一页、刷新、跳转指定页面

html

<el-button @click="$router.go(0)" title="刷新" size="small" type="info"   icon="el-icon-refresh"></el-button>
                                          
     <el-button @click="$router.go(-1)" title="返回上一面" size="small" type="info"    icon="el-icon-refresh"></el-button>

this.$router.go(-1); //返回上一页面

this.$router.push(supplyList/id/+this.supply_store_id); //跳转到指定页面