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
    }
})
上一篇:taro3.x: h5地图兼容组件封装


下一篇:KDE 应用设置开机自启