如何用Vue实现循环对象属性和属性值的操作?
- 内容介绍
- 文章标签
- 相关推荐
本文共计316个文字,预计阅读时间需要2分钟。
v-for不仅限于循环数组,还可以循环对象。例如:
{{ 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方法控制。
本文共计316个文字,预计阅读时间需要2分钟。
v-for不仅限于循环数组,还可以循环对象。例如:
{{ 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方法控制。

