这篇文章主要介绍“vue路由跳转怎么实现参数传递与接收”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue路由跳转怎么实现参数传递与接收”文章能帮助大家解决问题。1.声明式路由跳转(不带参数)通过router-link
标签进行跳转,使用name
或者path
都可以,在dom
结构中会被渲染成a
标签
注意:router-link
中链接如果是’/
‘开始就是从根路由开始,如果开始不带’/
’,则从当前路由开始。(带参数)注意:params
传参数 (类似post
)
路由配置 path: "/免费云主机域名home/:id"
不配置path
,路由跳转可请求,刷新页面传递的参数会丢失,
配置path
,刷新也买你id会被保留获取路由跳转传递的参数:html
通过 $route.params.id
, script
通过this.$route.params.id
2.编程式路由跳转1.字符串形式2.对象形式3.函数内调用
(不带参数)(query
传参)html
取参 $route.query.id
script
取参 this.$route.query.id
(params
传参)
只可以使用name
html
取参$route.params.id
, script
取参this.$route.params.id
3.query
和params
的区别query
类似 get
, 跳转之后页面 url
后面会拼接参数,类似?id=1
, 非重要性的可以这样传, 密码之类还是用params
刷新页面id还在params
类似 post
, 跳转之后页面 url
后面不会拼接参数 , 但是刷新页面id
会消失关于“vue路由跳转怎么实现参数传递与接收”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。
今天小编给大家分享一下Java效率提升神器jOOR怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。Java中的原生反射库虽然方法不多,但写…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。