Question

在axios调用后，我无法更新对象温度。

请帮助。

这是完整的代码。我在vue中使用了该组件。我对vue和组件很陌生。

下面是app.js

require('./bootstrap');

window.Vue = require('vue');

import axios from 'axios';
window.axios = axios;

Vue.component('shipping-address', require('./components/ShippingAddress.vue'));

const app = new Vue({
    el: '#app',
});
export default app;

<div id="app">
    <shipping-address ></shipping-address>
</div>

<template>
  <div>
    SName: <span>{{temp}}</span>                    
  </div>
</template>
<script>
export default {
  data(){
    return{
        temp:'a'
    }
  },
  mounted(){
      this.fetchArticles();
  },
  methods:{
      fetchArticles() {
          this.temp = 'b'
          const vm = this;
            axios.get('user/addresses')
            .then(response=>{this.temp = 'c';})
            .catch( error => console.log(error));
        },
  }
}
</script>

Answer 1

我解决了这个问题。

由于错误，我两次包含了app.js。在页脚刀片文件中一个，在刀片文件本身中一个。

值未从vue中的axios响应更新

1 个答案: