[{"1":48000000},{"2":58000000},{"3":58000000},{"5":48000000},{"6":48000000}]
使用v-for可以得到每一个对象,{"1":48000000} {"2":58000000} {"3":58000000} {"5":48000000} {"6":48000000}
我想显示每一个对象的key以及value,使用js处理可以实现,但是感觉有些麻烦,有什么简单的办法吗?
迷茫2017-05-19 10:46:46
Modify the data encapsulation format to facilitate subsequent data presentation:
[
{
transitCity:1
transitCityPrice:{
transitCity:1
transitPrice:500
}
},
{
transitCity:2
transitCityPrice:{
transitCity:2
transitPrice:600
}
},
{
transitCity:3
transitCityPrice:{
transitCity:3
transitPrice:700
}
}
]
阿神2017-05-19 10:46:46
Can be traversed again:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="app">
<ul v-for="val of arr">
<li v-for="(value,key,index) of val">
{{index}} -> {{key}} -->{{value}}
</li>
</ul>
</p>
</body>
<script src="./vue2.2.3.js" charset="utf-8"></script>
<script type="text/javascript">
new Vue({
el:'#app',
data:{
arr:[
{"1":48000000},
{"2":58000000},
{"3":58000000},
{"5":48000000},
{"6":48000000}
]
}
})
</script>
</html>
伊谢尔伦2017-05-19 10:46:46
<p v-for="item in arr">
key:{{Object.getOwnPropertyNames(item)[0]}}
value:{{item[Object.getOwnPropertyNames(item)[0]]}}
</p>