cari

Rumah  >  Soal Jawab  >  teks badan

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

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

PHP中文网PHP中文网2817 hari yang lalu405

membalas semua(3)saya akan balas

  • ringa_lee

    ringa_lee2017-04-10 17:45:16

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

    balas
    0
  • 巴扎黑

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

    chrome 有个插件 叫JSONView

    balas
    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>

    成功

    balas
    0
  • Batalbalas