uniapp通过reques请求修改data数据

博主： huoyu
发布时间：2023 年 12 月 20 日
185 次浏览
暂无评论
1497字数
分类： Uniapp

## 问题

修改内容会失败

## 代码：

```js
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暂时保存

```js
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写法

```js
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)
        })
    }
}
```

最后修改：2023 年 12 月 20 日