vue.js - vue使用ajax的过程 中console.log(msg)控制台why没有show出来的数据？

问题描述

问 题

以下是我做一个示例。主要是想在vue中使用ajax调用中的数据是否出来?

    domain='http://xx.xx.xx.xx/ss/'; //xx代表数字保护项目。请见谅。
    var banner = domain + "rest/ad/getAd.do";

var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  },
  computed: {
    // a computed getter
    reversedMessage: function () {
      // `this` points to the vm instance
      return this.message.split('').reverse().join('')
    }
  },
      methods:{
        getData: function(){
            $.ajax({
                url: banner,
                type: 'get',
                data: {
                    key: "mooc"
                },
                success: function(data) {
                  console.log(data);//chrome控制台为什么不显示数据啊一毛都没有
                    vm.data = data;
                }
            })
        }
    }
})

<div id="example">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>

  <script src="vue.js"></script>
  <script src="vue-resource.js"></script>
 <script src="zepto.min.js"></script>

我是新手，但我更想知道怎么用console.log()

解决方案

看上面的代码，你在组件中定义的 getData 并没有调用，后面代码当然不会执行

 <script src="zepto.min.js"></script>
 <script>vm.getData();</script>

这篇关于vue.js - vue使用ajax的过程 中console.log(msg)控制台why没有show出来的数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！