亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue單組件頁面無法把axios獲取的值傳輸過去

vue單組件頁面無法把axios獲取的值傳輸過去

蠱毒傳說 2018-10-22 09:09:01
我直接上代碼吧,是能獲取到后臺的值的,但是每次都先執行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>
查看完整描述

2 回答

?
心有法竹

TA貢獻1866條經驗 獲得超5個贊

在main.js中的use,添加組件等等都放在new Vue的上面,mounted中可以不用this.$nextTick,延遲體驗有些差;

查看完整回答
反對 回復 2018-10-31
?
慕田峪9158850

TA貢獻1794條經驗 獲得超8個贊

<template>
  <div id="indexTop">

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

<script>
  import Vue from 'vue'
  import axios from 'axios'  var message = {}

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

我自己解決了,new vue和export default寫法不一樣啊,想死

查看完整回答
反對 回復 2018-10-31
  • 2 回答
  • 0 關注
  • 1112 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號