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

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

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>


智慧大石
浏览 732回答 1
1回答

汪汪一只猫

在main.js中的use,添加组件等等都放在new Vue的上面,mounted中可以不用this.$nextTick,延迟体验有些差;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript