之前 v-for 都是对数组使用,这次遇到了对象。这有很大的不同。废话不多说,上代码就懂了
key就是对象的属性名,又因为属性名是不能重复的,所以使用key直接座键值即可
<template>
<div>
<ul class="list">
<li class="item" v-for="(item,key) of cities" :key="key">{{key}}</li>
</ul>
</div>
</template>
<script>
export default {
name:"CityAlphabet",
props:{
cities:Object
}
}
</script>
网友评论