Vue(20)v-for对象迭代一个参数、两个参数、三个参数_根绝两个参数返回第三个参数vue

作者：我家自动化 | 2024-02-11 19:58:06

踩

根绝两个参数返回第三个参数vue

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="vue.js"></script>
</head>
<body>
<h1>(20)v-for对象迭代一个参数、两个参数、三个参数</h1>

<template id="app">
<ul>
<li v-for="(value, key, index) of object">
{{ value }}
{{ key }}
{{ index }}
</li>
</ul>
</template>

<script>

new Vue({
el: '#app',
data: {
object: {
name: '张三',
sex: '男',
age: 30
}
}
})

</script>

</body>
</html>

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】