uniapp请求数据

最新推荐文章于 2024-05-21 21:35:00 发布

WP猫

最新推荐文章于 2024-05-21 21:35:00 发布

阅读量887

点赞数

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_15369533/article/details/120909283

版权

uni-app 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文展示了如何在uni-app中通过uni.request获取数据，并利用v-for指令动态渲染列表内容。在onLoad生命周期钩子中调用getList方法，向指定URL发起GET请求，数据包含cids、pageSize和pageId参数。成功获取到响应数据后，将数据列表赋值给itemList，实现页面展示。

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

<template>
    <view>   
		<view v-for="(item,index) in itemList"  :key="index">
			<view>{{index}} - {{item.title}}</view>
			 <view>{{index}} - {{item.nick}}</view>
		</view>
    </view>
</template>
<script>
export default {
	data() {
		return {  
			itemList: []
		}
	},
	onLoad() {
		 this.getList();
   },
   methods: {
	 getList() {
		uni.request({
			url: '', 
			method:'GET',
			data: {
				cids: 1,
				pageSize: 20,
				pageId: 1
			},
			success: (res) => {
				console.log(res.data);
				this.itemList =res.data.data.data.list;
			}
		});
	 }
  }
}
</script>