重新请求vue里面的data数据时,如何重新赋值?
发布于 7 年前 作者 zchuhui 18546 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

案例如图所示,我想在切换标签的时候,重新请求数据,然后给Vue里面的data.items数据重新赋值,但都未能实现,求大神指点

untitled2.png

  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("获取数据报错!");
		}
	});
  });
回到顶部