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

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>

结果:

原文地址:https://www.cnblogs.com/luguankun/p/11489519.html