uniapp通过reques请求修改data数据踩坑日记

2023-11-05 05:22| 来源: 网络整理| 查看: 265

uniapp通过uni.request请求修改data数据踩坑日记场景还原：轮播代码：

data() { return { title: 'Hello', banners: [1,2], img:[1,2,32] } }, created() { this.getbanner() }, methods: { getbanner() { uni.request({ method: "GET", url: "/api/imagelist", success(res) { console.log(res) this.banners=res.data console.log(this.banners) } }) } }

打印结果：在这里插入图片描述页面显示：

原因： this指向改变导致不能修改到data里面的值处理方法（一）、将this暂时保存

data() { return { title: 'Hello', banners: [1,2], img:[1,2,32] } }, created() { this.getbanner() }, methods: { getbanner() { let that=this uni.request({ method: "GET", url: "/api/imagelist", success(res) { console.log(res) that.banners=res.data console.log(that.banners) } }) } }

在这里插入图片描述（二）、采用promise写法

data() { return { title: 'Hello', banners: [1,2], img:[1,2,32] } }, created() { this.getbanner() }, methods: { getbanner() { uni.request({ method: "GET", url: "/api/imagelist" }) .then(res=>{ this.banners=res.data }) .catch(err={ console.log(err) }) } }

错误总结：this指向改变

【本文地址】

公司简介

联系我们