javascript - vue打印请求回来的json数据变成一堆方法
PHP中文网
PHP中文网 2017-04-10 17:43:16
0
3
407

官方api说使用$log能打印出原本格式的数据,但是我打印实例的时候并没有$log这个方法,使用的时候也报错
this.$log is not a function 我使用的是vue2.0,要怎么样才能打印原来格式的数据

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(3)
左手右手慢动作

用一个偷懒的办法就是打印JSON.stringify(xx, null, ' ')

巴扎黑

chrome 有个插件 叫JSONView

小葫芦

你可以用vue-resource.js

假设你获取的到json为 {"a": 11}


引入vue插件vue-resource.js

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        
        <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>

        <!-- 加载vue-resource -->
        <script src="js/vue-resource.js" type="text/javascript" charset="utf-8"></script>
        
        <style>
        
        </style>
    </head>

    <body id="app" v-cloak>
        
        <p>{{item.a}}</p>
        <script type="text/javascript">
            var urlRode = 'coJs/vue.json';
            var app = new Vue({
                el: "#app",
                ready : function () {
                    this.$http.get(urlRode).then(function (response) {
                        this.$set('item', response.body);
                    }, function (data, status, request) {
                        console.log('fail' + status + "," + request);
                    });
                },
                data : {
                    item : ''
                },
                methods :  {
                    
                }
            })
        </script>

    </body>

</html>

成功

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template