this.$route如何使用
时间: 2023-12-03 11:34:13 浏览: 74
在Vue中使用this.$store或者是$route一直报错的解决
在Vue.js中,$route是一个全局属性,用于访问当前路由信息。它可以用于获取当前路由的路径、参数、查询字符串等信息。
使用方法:
1. 在Vue组件中访问$route属性
```
export default {
mounted() {
console.log(this.$route.path); // 当前路由路径
console.log(this.$route.params); // 当前路由参数
console.log(this.$route.query); // 当前路由查询字符串
}
}
```
2. 在Vue模板中访问$route属性
```
<template>
<div>
<p>当前路由路径:{{ $route.path }}</p>
<p>当前路由参数:{{ $route.params }}</p>
<p>当前路由查询字符串:{{ $route.query }}</p>
</div>
</template>
```
阅读全文