重新请求vue里面的data数据时,如何重新赋值?
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
案例如图所示,我想在切换标签的时候,重新请求数据,然后给Vue里面的data.items数据重新赋值,但都未能实现,求大神指点
var subjectVue = new Vue({
el:'#root',
data:{
tags:d.tags,
items:d.items,
recommend_items:d.recommend_items,
nav_current:d.nav_current,
loading:1,
show_count:10,
},
created:function(){ //数据渲染后的操作
//隐藏滚动条
this.loading = 0;
//选中导航栏当前的子项(约辩)
$("#head_nav li:eq("+this.nav_current+") a").addClass('current');
},
methods:{
//标签切换
toggleTags:function(){
getIndexDataInTag.then(function(d){
this.items = d; // ==>> 这里数据是返回的了,可就是赋值不到this.items里面去。
},function(error){
//console.log(error);
});
}
}
});
//根据标签请求数据
var getIndexDataInTag = new Promise(function(resolve, reject){
var index_tag_url = mockData.index_tag_url();
$.get(index_tag_url,function(d){
d = JSON.parse(d);
if (d.result == 0) {
resolve(d);
}else{
reject("获取数据报错!");
}
});
});