其他分享
首页 > 其他分享> > uniapp的api中使用this不指向vue实例对象的问题

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

作者:互联网

场景还原:

// 比如在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
    }
})

标签:uniapp,getLocation,vue,console,log,res,longitude,api,latitude
来源: https://blog.csdn.net/Suk__/article/details/113766010