uniapp 切换选项卡并请求不同数据

最新推荐文章于 2023-11-01 15:36:00 发布

weixin_51603392

最新推荐文章于 2023-11-01 15:36:00 发布

阅读量1.2k

点赞数

分类专栏： uniapp

本文链接：https://blog.csdn.net/weixin_51603392/article/details/116517517

版权

本文介绍了如何在uniapp中根据选项卡切换来动态加载不同的数据。通过将标题分别设置在视图和return中，实现页面内容的更新。

摘要由CSDN通过智能技术生成

1.把标题写在视图上

2.把标题写在return里

1.把标题写在视图上

<view class="head-left">
					<view :class="index == 0 ? 'left-text' : 'left-title'" @click="load(0)">英皇</view>
					<view :class="index == 1 ? 'left-text' : 'left-title'" @click="load(1)">上音</view>
					<view :class="index == 2 ? 'left-text' : 'left-title'" @click="load(2)">音协</view>
				</view>

load(e) {
			this.index = e;
			gradeList(this.num,{ gradeType: this.index }).then(res => {
				console.log(res);
				this.list1 = res.rows;
			});
		}