为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

智慧大石 2018-08-03 13:14:55
我直接上代码吧,是能获取到后台的值的,但是每次都先执行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>

1 回答

?
汪汪一只猫

TA贡献1898条经验 获得超8个赞

在main.js中的use,添加组件等等都放在new Vue的上面,mounted中可以不用this.$nextTick,延迟体验有些差;


查看完整回答
反对 回复 2018-08-24

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号