组件中,使用axios获取到数据后怎么赋给到data中的数据,响应式地更改视图
2017-09-13
展开全部
组件中,使用axios获取到数据后怎么赋给到data中的数据,响应式地更改视图
<script type="text/javascript">
import Vue from 'vue';
import VueResource from 'vue-resource';
Vue.use(VueResource);
export default {
data(){
return {
newslist:[]
}
},
created (){
this.$emit('viewIn',"购彩资讯");
this.$http.get('http://apis.baidu.com/txapi/tiyu/tiyu',{
params:{
num:10,
}
})
.then(
function(response){
console.log(response.body.newslist);//这里的数据没错
this.$set(this.newslist,response.body.newslist);
console.log(this.newslist);//这里还是undefined
},
function(response){
console.log("error")
}
)
}
}
</script>
<script type="text/javascript">
import Vue from 'vue';
import VueResource from 'vue-resource';
Vue.use(VueResource);
export default {
data(){
return {
newslist:[]
}
},
created (){
this.$emit('viewIn',"购彩资讯");
this.$http.get('http://apis.baidu.com/txapi/tiyu/tiyu',{
params:{
num:10,
}
})
.then(
function(response){
console.log(response.body.newslist);//这里的数据没错
this.$set(this.newslist,response.body.newslist);
console.log(this.newslist);//这里还是undefined
},
function(response){
console.log("error")
}
)
}
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询