vue获取路由参数主要有两种方法,一是通过query配置的:this.$route.query;二是通过params配置的:this.$route.params 。vue中如何获取路由参数?我们一起看看吧!
vue是一套用于构建用户界面的渐进式JavaScript框架 。
vue中获取路由参数主要有以下两种方法:
第一种方法:通过query配置
this.$route.query该方式的弊端在于,在页面间跳转可正常使用,如info、isTrue、func,但是在进行页面刷新时,所有参数值会转化为字符串,如对象info会转化为字符串'[Object Object]',布尔值isTrue会转化为'false',从而导致使用错误 。
第二种方法:通过params配置
this.$route.paramsparams也可以携带任何任意类型的数据,在页面间跳转时,参数在地址栏不可见,可通过输入代码的方式获取,页面刷新后参数消失 。
vue中获设置路由参数的方法:
第一种方法:通过query配置
<router-link :to="{ name:'login',query:{id:1} }">登录</router-link>第二种方法:通过params配置
<router-link :to="{ name:'register',params:{'name':'San'} }">注册</router-link>关于vue中如何获取路由参数,我们就分享到这啦!
【vue如何获取地址栏参数 vue获取路由参数】
- 春季老年人吃什么养肝?土豆、米饭换着吃
- 三八妇女节节日祝福分享 三八妇女节节日语录
- 老人谨慎!选好你的“第三只脚”
- 校方进行了深刻的反思 青岛一大学生坠亡校方整改校规
- 脸皮厚的人长寿!有这特征的老人最长寿
- 长寿秘诀:记住这10大妙招 100%增寿
- 春季老年人心血管病高发 3条保命要诀
- 眼睛花不花要看四十八 老年人怎样延缓老花眼
- 香槟然能防治老年痴呆症? 一天三杯它人到90不痴呆
- 老人手抖的原因 为什么老人手会抖
