8.(2)uniapp中v-for案例以及注意事项

<view>
		<!-- 特别注意的地方就是:	后面还需要加key   :key="item.id"  如若不添加小程序就会显示报错的-->
			<view v-for="(item,index) in arr" :key="item.id">
				 <view>序号:{
   
   {index}} 姓名: {
   
   { item.name}} , 年龄: {
   
   { item.age}}</view>
			</view>
	</view>
<script>
	export default{
		data(){
			return{
				arr:[
					{
						name:"孙悟空",
						age:20,
						id:1
					},
					{
						name:"猪八戒",
						age:21,
						id:2
					},
					{
						name:"沙僧",
						age:23,
						id:3
					},
					{
						name:"唐僧",
						age:24,
						id:4
					}
				]
			}
		}
	}
</script>

猜你喜欢

转载自blog.csdn.net/m0_49714202/article/details/115564665