在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>
答案 0 :(得分:0)
我解决了这个问题。
由于错误,我两次包含了app.js。在页脚刀片文件中一个,在刀片文件本身中一个。