光阴似箭催人老,日月如移越少年。
修改資料的封裝格式,可以方便後面的資料呈現:
[ { 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
雷雷
修改資料的封裝格式,可以方便後面的資料呈現:
可以再遍歷一次:
對於這種比較複雜的結構還是寫jsx
雷雷