当前阅读教程:Uni-app入门到精通教程 > 5.1.10 对象数组的定义和使用 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 5.1.9 数组的定义和for语句的使用 | 下一篇: 5.1.11 If语句 |
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> 运行效果如图: |
|
上一篇: 5.1.9 数组的定义和for语句的使用 | 下一篇: 5.1.11 If语句 |