search

Home  >  Q&A  >  body text

javascript - access json object in vuejs

[{"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处理可以实现,但是感觉有些麻烦,有什么简单的办法吗?

大家讲道理大家讲道理2858 days ago602

reply all(4)I'll reply

  • 迷茫

    迷茫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
            }
        }
    ]

    reply
    0
  • 阿神

    阿神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>
    

    reply
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:46:46

    For this more complex structure, it is better to write jsx

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:46:46

    <p v-for="item in arr">
        key:{{Object.getOwnPropertyNames(item)[0]}} 
        value:{{item[Object.getOwnPropertyNames(item)[0]]}}
    </p>

    reply
    0
  • Cancelreply