ITPub博客

首页 > 应用开发 > > vue单组件页面无法把axios获取的值传输过去

vue单组件页面无法把axios获取的值传输过去

作者:llittle 时间:2019-08-16 10:43:26 0 删除 编辑

我直接上代码吧,是能获取到后台的值的,但是每次都先执行

data() {

return {

message: message

}

},

我从后台获取的值根本就放不进去啊,网上的例子都是传的固定的值template>

  <div id="indexTop">

        <div>{{message}}</div>
  </div>
</template>

<script>
  import Vue from 'vue'
  import axios from 'axios'

  var message = {}

  export default {
    name: "indexTop",
    created: function () {
      this.$nextTick(function () {
        axios.get('http://localhost:66/studio/banner')
          .then(function (res) {
            console.log(res.data);
            message = res.data.length
          })
          .catch(function (err) {
            console.log(err);
          })
      });
    },
    data() {
      return {
        message: message
      }
    },
  }


</script>


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/813/viewspace-3127876/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    448
  • 访问量
    4365