uniapp的api中使用this不指向vue实例对象的问题

最新推荐文章于 2024-02-22 15:52:16 发布

williamyi74

最新推荐文章于 2024-02-22 15:52:16 发布

阅读量1k

点赞数

分类专栏： uniapp 文章标签： uni-app vue javascript

本文链接：https://blog.csdn.net/Suk__/article/details/113766010

版权

uniapp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

场景还原:

// 比如在uni.getLocation方法中使用this修改data中的数据,this指向会出错
uni.getLocation({
    type: 'wgs84',
    success: function (res) {
        console.log('当前位置的经度：' + res.longitude);
        console.log('当前位置的纬度：' + res.latitude);
        // 这里的this指向会出错,所以数据也不会修改成功
        this.longitude = res.longitude
        this.latitude = res.latitude
    }
})

此时我们要在外面定义一个that,将this的值赋值给它,使用第三方变量去拿到this

// 将this赋值给that
let that = this
uni.getLocation({
    type: 'wgs84',
    success: function (res) {
        console.log('当前位置的经度：' + res.longitude);
        console.log('当前位置的纬度：' + res.latitude);
        // 这里的that拿到的才是data中的数据
        that .longitude = res.longitude
        that .latitude = res.latitude
    }
})