介绍。美元router.push ({name:, & # 39;细节# 39;,,参数:,{& # 39;id # 39;:, 233}}) import Vue 得到& # 39;vue # 39;
import Router 得到& # 39;vue-router& # 39;
Vue.use(路由器)
export default new 路由器({
,,模式:& # 39;历史# 39;
路线:,才能
,,,{
,,,,,路径:,& # 39;/细节# 39;
,,,,,名字:,& # 39;细节# 39;
,,,,,组件:,resolve =祝辞,要求((& # 39;. ./组件/细节# 39;],,解决)
,,,}
,,)
}) 。route.params.id 美元;//,233 。route.params.id 美元;//,未定义的 console.log (route.params.id 美元;+,1) 路线:,(
,,,{
,,,,,路径:,& # 39;/细节/:id # 39;,,//,这里配置的要和你传递的参数名保持一致
,,,,,名字:,& # 39;细节# 39;
,,,,,组件:,resolve =祝辞,要求((& # 39;. ./组件/细节# 39;],,解决)
,,,}
]才能 。美元router.push({路径:& # 39;/细节# 39;,,查询:,{id: 666}}) 。route.query.id 美元;//,666
使用vue-router进行传参时需要注意哪些事项?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
<强> 1。使用名称和参数组合传参
路由配置
获取参数
<强> 
<>强刷新参数丢失显示未定义的
注意:此方法第一次跳转是没有问题的,参数也可以传过去,但是刷新页面后,参数就没了(ps:这个地方其实还有一个问题,当你传递的参数是多类型,第一次是没有问题的,获取的时候也类是数字型,但是当你刷新页面后,数量变成字符串类型,如果涉及计算的建议先类型转换一下)
第一次是预期结果//234
刷新页面后直接字符串拼接了//2331
参数丢失解决方案:
<强> 2。路径和查询组合传参
此方法参数会跟在问号后面例如:/细节吗?id=666,该方法刷新页面不会丢失参数
看完上述内容,你们掌握使用vue-router进行传参时需要注意哪些事项的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!
