您的位置：首页 > Web前端 > Vue.js

vue中v-for 循环对象中的属性

2021-11-28 04:06 906 查看

1、循环对象内的值

<body>

<div id="app">

<!-- 循环对象内的值 -->

<ul>

<li v-for="item in per">

{{item}}

</li>

</ul>

</div>

<script src="./js/vue.js"></script>

<script>

let vm =new Vue({

el:'#app',

data:{

per:{

id:1,

name:'小明',

age:19,

sex:"男"

}

}

})

</script>

2、循环对像

3、循环键和值

<!-- 循环键和值 -->

<ul>

<!-- 值    键 -->

<li v-for="(value,key) in per">

{{value}}---{{key}}

</li>

</ul>

到此这篇关于 vue中v-for 循环对象中的属性的文章就介绍到这了,更多相关 v-for 循环对象中的属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： vue中 v-for 循环对象属性

相关文章推荐

新的分享

章节导航

vue中v-for 循环对象中的属性

目录

1、循环对象内的值

2、循环对像

3、循环键和值