微信小程序 组件怎么实现获取当前页面url并根据不同页面url显示不同的按钮

在微信小程序中，为了根据当前页面URL动态展示不同的按钮，你可以利用`wx.navigateTo()`、`wx.redirectTo()`等导航API以及`onLoad`或`onReady`生命周期函数结合判断条件来实现。首先，你需要在每个需要展示不同按钮的页面组件中，设置一个通用的方法来获取路径信息。

1. 在页面组件的`onLoad`或`onReady`生命周期内，使用`getApp().globalData`或者`options.path`（如果是从其他页面跳转过来）获取当前页面的完整路径：

Page({
  onLoad: function(options) {
    const currentPagePath = options.path || getApp().globalData.pagePath;
    // 更新全局变量或数据，以便后续在任一位置使用
    this.globalData.currentUrl = currentPagePath;
  },
})

2. 在你需要展示按钮的地方，比如`wxml`文件里，创建一个隐藏的`view`元素，并通过JavaScript获取当前URL的匹配规则：

<view class="hidden" data-url="{{currentUrl}}"> <!-- 隐藏按钮，只在JS中动态显示 -->
  <button wx:if="{{isButtonVisible('按钮A', currentUrl)}}">按钮A</button>
  <button wx:if="{{isButtonVisible('按钮B', currentUrl)}}">按钮B</button>
</view>

3. 在对应的`js`文件中，编写`isButtonVisible`方法，用于判断当前URL是否满足某个按钮显示的条件：

Page({
  data: {
    currentUrl: '', // 全局存储的当前URL
  },
  isButtonVisible(buttonName, urlPattern) {  
    // 示例：如果按钮A需在'/pages/index/index'下显示
    return buttonName === '按钮A' && /^\/pages\/index\/index/.test(this.globalData.currentUrl);
    // 根据实际需求自定义更复杂的匹配规则
  }
})

每次页面加载或切换时，这个判断会自动更新按钮的状态。如果你有多个条件和按钮对应，只需要添加更多的判断分支即可。