uniapp数据循环

通过v-for来指定要循环的数组

:key指定唯一的属性用来提供循环效率

item为循环项目和循环索引



<template>

<view>

<view v-for="(item,index) in list" :key="item.id">

{{item.id}}---{{item.name}}

</view>


</view>

</template>


<script>

export default {

data(){

return {

title:"2018",

list:[

{id:1,name:"张三"},

{id:2,name:"李四"}

]

}

}

}

</script>


<style>

.content{

.sass{

background-color:$uni-color-primary;

}

}


</style>


您可能还会对下面的文章感兴趣: