vue获取路由参数
生活知识 2022-11-01 08:40www.tongjingw.cn生活知识
vue中如何获取路由参数？我们一起看看吧！
vue是一套用于构建用户界面的渐进式JavaScript框架。
vue中获取路由参数主要有以下两种方法
第一种方法通过query配置
this.$route.query
该方式的弊端在于，在页面间跳转可正常使用，如info、isTrue、func，在进行页面刷新时，所有参数值会转化为字符串，如对象info会转化为字符串'[Object Object]'，布尔值isTrue会转化为'false'，从而导致使用错误。
第二种方法通过params配置
this.$route.params
params也可以携带任何任意类型的数据，在页面间跳转时，参数在地址栏不可见，可通过输入代码的方式获取，页面刷新后参数消失。
vue中获设置路由参数的方法
第一种方法通过query配置
<router-link :to="{ name:'login',query:{id:1} }">登录</router-link>第二种方法通过params配置
<router-link :to="{ name:'register',params:{'name':'San'} }">注册</router-link>