찾다

 >  Q&A  >  본문

javascript - vue打印请求回来的json数据变成一堆方法

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

PHP中文网PHP中文网2817일 전404

모든 응답(3)나는 대답할 것이다

  • ringa_lee

    ringa_lee2017-04-10 17:45:16

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

    회신하다
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:45:16

    chrome 有个插件 叫JSONView

    회신하다
    0
  • 高洛峰

    高洛峰2017-04-10 17:45:16

    你可以用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>

    成功

    회신하다
    0
  • 취소회신하다