vue路由怎么传参

发布时间:2022-04-21 15:49:44 作者:iii
阅读:149
Vue开发者专用服务器,限时0元免费领! 查看>>

本篇内容主要讲解“vue路由怎么传参”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue路由怎么传参”吧!

具体方法如下:

1.通过params实现路由传参

使用路由属性中的name来匹配路由,在通过params传递参数,但页面刷新数据会丢失。

methods:{

insurance(id) {

this.$router.push({

name: 'particulars',

params: {

id: id

}

})

}

2.通过query实现路由传参

使用path来匹配路由,在通过query传递参数。

methods:{

insurance(id) {

this.$router.push({

path: '/particulars',

query: {

id: id

}

})

}

3.调用$router.push实现路由传参

直接调用$router.push携带参数的跳转,且页面刷新数据不会丢失。

methods:{

insurance(id) {

this.$router.push({

path: `/particulars/${id}`,

})

}

到此,相信大家对“vue路由怎么传参”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:
  1. Vue入门十三、路由的传参和取参
  2. vue动态路由配置及路由传参的示例分析

开发者交流群:

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

原文链接:https://my.oschina.net/u/4579795/blog/4406889

vue

上一篇:vue中怎么引入jtopo

下一篇:vue嵌套路由怎么定义

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》
开发者交流群×