關於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)
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章