使用v-for遍历对象的键和值时要注意,v-for="(val, key, i) in obj,其中val是值,在键的前面, 除了 有 val key ,在第三个位置还有 一个 索引
在这里插入图片描述

<body>
  <div id="app">
    <!-- 注意:在遍历对象身上的键值对的时候, 除了 有  val  key  ,在第三个位置还有 一个 索引  -->
    <p v-for="(val, key, i) in user">值是: {{ val }} --- 键是: {{key}} -- 索引: {{i}}</p>
  </div>

  <script>
    // 创建 Vue 实例,得到 ViewModel
    var vm = new Vue({
      el: '#app',
      data: {
        user: {
          id: 1,
          name: 'tony',
          gender: '男'
        }
      },
      methods: {}
    });
  </script>
</body>

Logo

前往低代码交流专区

更多推荐