useRoute中没有from属性
时间: 2024-01-10 10:01:57 浏览: 71
非常抱歉,我的回答有误。在Vue 3中,确实没有`useRoute()`返回的对象中的`value`属性的`from`属性,因为`useRoute()`返回的对象只包含了当前路由的信息,而没有跳转来源页面的信息。
如果你需要获取跳转来源页面的信息,可以在路由组件中,通过`$route`对象的`from`属性来获取跳转来源页面的信息;在非路由组件中,可以通过`$router`对象的`history`属性来获取跳转历史记录,并从中获取跳转来源页面的信息。
具体地,你可以在路由组件中使用`$route`对象来获取跳转来源页面的信息,例如:
```javascript
export default {
created() {
// 获取跳转来源页面的路径
const fromPath = this.$route.from.path;
console.log(fromPath);
}
}
```
在非路由组件中,你可以使用`$router`对象的`history`属性来获取跳转历史记录,并从中获取跳转来源页面的信息,例如:
```javascript
export default {
created() {
// 获取跳转来源页面的路径
const fromPath = this.$router.history.current.from.path;
console.log(fromPath);
}
}
```
在这个例子中,我们使用`$router.history.current.from.path`来获取跳转来源页面的路径。
需要注意的是,如果是直接打开页面而非从其他页面跳转而来,则`$route.from`属性会为`null`,而`$router.history.current.from`属性会为`undefined`。因此,在使用`$route.from`属性或`$router.history.current.from`属性时需要进行判断。