vue-router路由信息对象属性

vue路由对象为this.$route，下面详细列一下该对象属性的详细信息属性名类型读写说明$route.pathstaring只读当前路由的名字(一般为#后面的部分,但不包含query查询值)如：http://example.com/#/login?name=aathis.$route.path;//输出“/login”$route.queryobject只读可访问携带的查询参数如：th...

Garrettzxd

7178人浏览 · 2018-07-02 20:48:37

Garrettzxd · 2018-07-02 20:48:37 发布

vue路由信息xi对象为this.$route，下面详细列一下该对象属性的详细信息

属性名	类型	读写	说明
$route.path	staring	只读	当前路由的名字(一般为#后面的部分,但不包含query查询值) 如：http://example.com/#/login?name=aa this.$route.path; //输出“/login”
$route.query	object	只读	可访问携带的查询参数如：this.$router.push({name: 'login', query:{name: 'you'}}) 此时路由为:http://example.com/#/login?name=you 可直接访问this.$route.query.name; //you
$route.params	object	只读	路由转跳携带参数如：this.$route.push({name: 'hello', params: {name: 'you'}) 此时可访问this.$route.params.name; //you
$route.hash	string	只读	当前路径的哈希值，带#
$route.fullPath	string	只读	完整的路径值如：http://example.com/#/login?name=aa this.$toute.fullPath; //输出“/login?name=aa”
$route.name	string	只读	命名路由的
$route.matched	array	只读	当前路由下路由声明的所有信息，从父路由(如果有)到当前路由为止
$route.redirectedFrom	string	只读	重定向来源如：{ path: '*',redirect: {name: 'hello'}} 此时访问不存在的路由http://example.com/#/a会重定向到hello 在hello访问this.$route.redirectedFrom; //输出“/a”

以上是路由对象的常见属性，基本的信息都涵盖了，且亲测

有新的再补充吧！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^