微信小程序当前组件怎么获取当前页面url并使用
时间: 2024-10-14 22:01:54 浏览: 22
微信小程序使用自定义组件导航实现当前页面高亮
在微信小程序中,你可以通过` wx.navigateTo`、`wx.redirectTo` 或 `wx.switchTab` 等导航API跳转页面时,传递路径作为参数来间接获取当前页面的URL。如果你需要直接获取当前页面的URL,可以使用`getApp()`.globalData`或者在每个页面的`onLoad`生命周期钩子里存储这个信息。
例如,在`pages/index/index.js` 文件中,可以在`onLoad`函数内获取:
```javascript
onLoad: function () {
const currentPath = this.$getConfig().path;
// 如果你想将路径存到全局data中
getApp().globalData.currentUrl = currentPath;
console.log('当前页面URL:', currentPath);
}
```
然后在其他页面想使用时,可以通过`globalData`访问:
```javascript
Page({
onLoad: function () {
const currentUrl = getApp().globalData.currentUrl;
console.log('当前页面URL:', currentUrl);
}
})
```
阅读全文