5.1.10 对象数组的定义和使用- 常用语法【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】

最新推荐文章于 2023-10-17 17:28:08 发布

黄菊华老师

最新推荐文章于 2023-10-17 17:28:08 发布

阅读量2.1k

点赞数

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

本文链接：https://blog.csdn.net/u013818205/article/details/109574463

版权

uni-app 专栏收录该内容

122 篇文章 21 订阅

订阅专栏

5.1.10 对象数组的定义和使用
在我们实际的工作中，比如获取资讯信息信息，每条资讯信息包含不止一个字段：资讯的id、资讯的时间、资讯的标题等。
这一小节结合对象的使用、数组的使用，来给大家做一个综合的实例，我们定义一个对象数组zixun，每一个数组的元素是一个对象，每个对象包含资讯的id和资讯的标题，然后显示出所有的信息，完整代码如下：

<template>
	<view>
		<view v-for="zx in zixun">
			{{zx.zixun_id}} -  
			{{zx.zixun_biaoti}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				zixun:[
				  {
					"zixun_id":101,
					"zixun_biaoti":"2020年51劳动节放假通知！"
				  },
				  {
					"zixun_id": 102,
					"zixun_biaoti": "关于在家办公的通知"
				  },
				  {
					"zixun_id": 109,
					"zixun_biaoti": "2020年开始上班的通知！"
				  },            
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
  view{padding: 5px;}
</style>