首页 > 其他 > 详细

v-for渲染列表数据

时间:2021-05-21 18:19:22      阅读:16      评论:0      收藏:0      [点我收藏+]
		<u-grid :col="4">
			<u-grid-item v-for="(item,index) in subject" :key = "name">
				<view>{{item.name}}</view>
				<view>{{item.value}}</view>				
			</u-grid-item>
		</u-grid>
	  </view>

数据示例:

 subject:[{
		  name:‘能力‘,
		  value:‘80‘
	  },
	  {
	  		  name:‘态度‘,
	  		  value:‘80‘
	  },
	  {
	  		  name:‘团队‘,
	  		  value:‘80‘
	  },
	  {
	  		  name:‘学习‘,
	  		  value:‘80‘
	  },
	  ],

v-for渲染列表数据

原文:https://www.cnblogs.com/gracexin/p/14794583.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!