uniapp如何获取当前路由地址
时间: 2024-09-29 15:15:50 浏览: 42
uniapp路由拦截,uniapp使用addInterceptor路由拦截(vue2 OR vue3)
5星 · 资源好评率100%
在uni-app中,你可以通过`getApp()`对象的`$route`属性来获取当前的路由信息。`$route`对象包含了关于当前页面路径、查询参数等详细信息。以下是一个简单的示例:
```javascript
// 在Vue组件中
export default {
data() {
return {
currentRoute: ''
}
},
created() {
this.currentRoute = uni.getStorageSync('currentRoute') || uni.$route.path;
},
watch: {
'$route'(to, from) {
uni.setStorageSync('currentRoute', to.path);
// 这里可以根据新的路由地址做相应操作
}
}
}
```
在这个例子中,我们首先尝试从本地存储中获取已缓存的路由(如果存在),如果没有则取当前页面的path。当路由发生变化时,我们会更新本地存储并根据新地址执行相应的逻辑。
如果你需要实时监听路由变化,可以考虑使用`watch`选项。
阅读全文