uniapp获取地址栏url
时间: 2023-04-04 16:02:38 浏览: 203
可以使用uni-app提供的$mp.page对象来获取地址栏url,具体代码如下:
```
const pages = getCurrentPages(); // 获取当前页面栈
const currentPage = pages[pages.length - 1]; // 获取当前页面
const url = currentPage.$page.fullPath; // 获取当前页面的完整路径
```
其中,$mp.page对象是uni-app提供的一个内置对象,用于获取页面相关信息。getCurrentPages()方法可以获取当前页面栈,通过currentPage.$page.fullPath可以获取当前页面的完整路径。
相关问题
uniapp 获取状态栏高度
uniapp可以通过以下方式获取状态栏高度:
1. 在页面的代码中使用uni.getSystemInfo()方法获取设备参数,其中包括状态栏高度。代码如下:
uni.getSystemInfo({
success: (e) => {
let statusBar = e.statusBarHeight;
// 其他操作
}
})
2. 在页面的mounted()方法中使用uni.getSystemInfo()方法获取系统信息,其中包括状态栏高度。代码如下:
mounted() {
uni.getSystemInfo({
success: (res) => {
let statusBarHeight = res.statusBarHeight;
// 其他操作
},
fail(err) {
console.log(err);
}
})
}
总结:通过使用uni.getSystemInfo()方法可以获取到状态栏高度。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp 获取设备顶部导航栏,状态栏高度](https://blog.csdn.net/weixin_44510655/article/details/127131947)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [uniapp 小程序自定义导航栏计算状态栏(顶部)与导航栏(胶囊)高度](https://blog.csdn.net/qq_52912134/article/details/125676636)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [小程序自定义导航栏,兼容适配所有机型(附完整案例)](https://download.csdn.net/download/weixin_38673812/16208081)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
uniapp获取当前url
UniApp 是一个跨平台的应用开发框架,提供了很多有用的 API ,其中包括获取当前 URL 的 API。通过使用 getApp 方法获取到当前的应用实例,然后就可以使用 getCurrentPages 方法获取到页面栈实例,接着从页面栈实例中获取到当前页面对象,最后从当前页面对象中获取到 URL。
代码示例:
```
// 获取应用实例
let app = getApp()
// 获取页面栈实例
let pages = getCurrentPages()
// 获取当前页面实例
let currentPage = pages[pages.length-1]
// 获取当前页面 URL
let url = currentPage.route
console.log(url)
```
可以看到,UniApp 获取当前 URL 的过程比较简单,只需要几步就可以完成。需要注意的是,getCurrentPages 方法返回的是一个数组,最后一个元素就是当前页面对象,而其它元素则是已经打开过的页面对象。因此,在获取当前页面对象时,需要使用数组长度减一的方式获取。