关于uni-app中请求获取到数据,但无法渲染,微信开发工具AppData中没有数据的问题,this指向问题

从图中可以看出,这个goodsList的数据是可以取到的,但是在AppData中没有看到记录,并且使用vue中的v-for指令循环数据时也没有渲染。
在这里插入图片描述
这个问题主要是出在了请求成功的赋值部分。
错误示例:

success(res) {	
	console.log(res)
	//这里的this,指向的是当前的res对象,故这样子写,是无法将值赋给goodsList的
	this.goodsList = res.data
},
fail(err) {
	uni.showToast({
		title:"请求失败...",
		icon:"none"
	})
	console.log(err)
}

正确示例:

success: res=>{
	console.log(res)
	//这里的this指向的是data()中定义的goodsList,这时再看AppData中就会有数据了,这里可以参考图一中的types
	this.goodsList = res.data
},
fail: err=>{
	uni.showToast({
		title:"请求失败...",
		icon:"none"
	})
	console.log(err)
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章