vue中使用v-for遍历对象的键和值

最新推荐文章于 2024-05-22 13:50:38 发布

土垚金鑫

最新推荐文章于 2024-05-22 13:50:38 发布

阅读量1w

点赞数 8

分类专栏： vue vue遍历 v-for遍历对象文章标签： javascript vue.js jquery es6

本文链接：https://blog.csdn.net/weixin_44994731/article/details/103803596

版权

vue 同时被 3 个专栏收录

61 篇文章 2 订阅

订阅专栏

vue遍历

3 篇文章 0 订阅

订阅专栏

v-for遍历对象

1 篇文章 0 订阅

订阅专栏

使用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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

土垚金鑫

关注关注

8
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
vue中使用v-for遍历对象的键和值

使用v-for遍历对象的键和值时要注意，v-for="(val, key, i) in obj，其中val是值，在键的前面，除了有 val key ,在第三个位置还有一个索引<body> <div id="app"> <!-- 注意：在遍历对象身上的键值对的时候，除了有 val key ,在第三个位置还有一个索引 --&g...
复制链接

扫一扫