本文通过一个具体的示例介绍了如何使用Vue.js中的v-for指令来迭代一个对象，并展示了如何获取对象的值、键及索引。该示例采用了一个简单的HTML模板并结合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>
Vue(20)v-for对象迭代一个参数、两个参数、三个参数
于 2021-06-18 10:09:49 首次发布
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
