javascript - vuejs中訪問json對象
大家讲道理
大家讲道理 2017-05-19 10:44:46
0
4
601
雷雷
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(4)
迷茫

修改資料的封裝格式,可以方便後面的資料呈現:

[
    {
        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

伊谢尔伦

雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板