javascript - vuejs中访问json对象

问题描述

问 题

[{"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
        }
    }
]

这篇关于javascript - vuejs中访问json对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！