[{"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处理可以实现，但是感觉有些麻烦，有什么简单的办法吗？
光阴似箭催人老，日月如移越少年。
修改数据的封装格式，可以方便后面的数据呈现：
[ { transitCity:1 transitCityPrice:{ transitCity:1 transitPrice:500 } }, { transitCity:2 transitCityPrice:{ transitCity:2 transitPrice:600 } }, { transitCity:3 transitCityPrice:{ transitCity:3 transitPrice:700 } } ]
可以再遍历一次:
<!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>
对于这种比较复杂的结构还是写jsx
<p v-for="item in arr"> key:{{Object.getOwnPropertyNames(item)[0]}} value:{{item[Object.getOwnPropertyNames(item)[0]]}} </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
修改数据的封装格式，可以方便后面的数据呈现：
可以再遍历一次:
对于这种比较复杂的结构还是写jsx