可以通过以下步骤实现:

  1. 在 data 中定义一个变量来存储当前点击的按钮的类型,比如 type。

  2. 在页面中添加不同的按钮,并绑定不同的事件处理函数,如:

<button @tap='getData('type1')'>按钮1</button>
<button @tap='getData('type2')'>按钮2</button>
  1. 在事件处理函数中根据按钮的类型来调用不同的接口,如:
getData(type) {
  if (type === 'type1') {
    // 调用接口1
  } else if (type === 'type2') {
    // 调用接口2
  }
}
  1. 在接口调用成功后,将返回的数据保存到 data 中的变量中,如:
getData(type) {
  if (type === 'type1') {
    api.getData1().then(res => {
      this.setData({
        type: type,
        data: res.data
      })
    })
  } else if (type === 'type2') {
    api.getData2().then(res => {
      this.setData({
        type: type,
        data: res.data
      })
    })
  }
}
  1. 在页面中渲染数据,如:
<view>{{data}}</view>

这样就可以根据点击不同的按钮来显示不同接口中的数据了。

UniApp 实现同一个二级页面点击不同按钮显示不同接口数据

原文地址: https://www.cveoy.top/t/topic/m83k 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录