vue中循环对象属性和属性值

Posted on 2019-09-09 03:26  猫头唔食鱼  阅读(9826)  评论(0)  编辑  收藏  举报

v-for除了可以循环数组，还可以循环对象。

例子：

<template>
<div>
  <div v-for="(item,i) in obj">{{i}}--{{item}}</div>
</div>
</template>
<script>
export default {
  name: "HelloWorld",
  data () {
    return {
      obj:{
        age:1,
        name:"zs",
        sex:"男"
      }
    };
  }
}
</script>
<style lang="css" scoped>
</style>

结果：