v-for遍历json对象
时间: 2023-05-12 22:02:45 浏览: 122
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
可以使用v-for指令来遍历JSON对象,例如:
<template>
<div>
<ul>
<li v-for="(value, key) in myObject" :key="key">
{{ key }}: {{ value }}
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
myObject: {
name: 'John',
age: 30,
city: 'New York'
}
}
}
}
</script>
这个例子中,我们使用v-for指令来遍历myObject对象,并将每个键值对渲染为一个li元素。在每个li元素中,我们使用{{ key }}和{{ value }}来显示键和值。
阅读全文