UniApp 实现同一个二级页面点击不同按钮显示不同接口数据
可以通过以下步骤实现:
-
在 data 中定义一个变量来存储当前点击的按钮的类型,比如 type。
-
在页面中添加不同的按钮,并绑定不同的事件处理函数,如:
<button @tap='getData('type1')'>按钮1</button>
<button @tap='getData('type2')'>按钮2</button>
- 在事件处理函数中根据按钮的类型来调用不同的接口,如:
getData(type) {
if (type === 'type1') {
// 调用接口1
} else if (type === 'type2') {
// 调用接口2
}
}
- 在接口调用成功后,将返回的数据保存到 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
})
})
}
}
- 在页面中渲染数据,如:
<view>{{data}}</view>
这样就可以根据点击不同的按钮来显示不同接口中的数据了。
原文地址: https://www.cveoy.top/t/topic/m83k 著作权归作者所有。请勿转载和采集!