美文网首页
数据为对象的v-for的使用

数据为对象的v-for的使用

作者: edisonTechBlog | 来源:发表于2020-02-27 19:20 被阅读0次

    之前 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>
    

    相关文章

      网友评论

          本文标题:数据为对象的v-for的使用

          本文链接:https://www.haomeiwen.com/subject/swbxhhtx.html