如何使用Vue实现循环对象属性及其值？

本文共计321个文字，预计阅读时间需要2分钟。

使用v-for指令不仅限于循环数组，还可以用于循环对象。例如：

{{ i }} {{ item }}

v-for除了可以循环数组，还可以循环对象。

例子：

<template> <div> <div v-for="(item,i) in obj">{{i}}--{{item}}</div> </div> </template> <script> export default { name: "HelloWorld", data () { return { obj:{ age:1, name:"zs", sex:"男" } }; } } </script> <style lang="css" scoped> </style>

结果：

补充知识：Vue控制路由滚动行为

跳转路由时，要求跳转到指定路由的某个地方，可以使用scrollBehavior方法控制。