vue.js 返り値の取得の方法を教えてください

Question

経度緯度を取得して都道府県を取得するプログラムを作りました。
しかし、値を this に返すことができません。
どうすれば this.pref に返すことができるか教えてください。

<script>
    export default {
        data() {
            return {
                pref: "ここにデータをセットしたい"
            }
        },

        
        created() {

            if (navigator.geolocation){
                
                navigator.geolocation.getCurrentPosition(function(position) {

                    Vue.$geocoder.setDefaultMode('lat-lng');
                    
                    var latLngObj = {
                        lat: position.coords.latitude,
                        lng: position.coords.longitude
                    };

                    let res = Vue.$geocoder.send(latLngObj, response => {
                        //この d の値を this.pref にセットしたいのですが。。。
                        let d = response.results.splice(-2,1);
                    });

                    
                    //取得できず
                    // console.log(d[0]['address_components'][0]['long_name']);

                    //取得できず
                    // console.log(res);

                });

            } else {
                //alert('非対応ブラウザ');
            }

        },
    }
</script>

Answer 1

GoogleMapAPI(Geocoding API)を利用してのアクセスは正常にできると考えて

navigator.geolocation.getCurrentPosition(function(position) {

は

navigator.geolocation.getCurrentPosition((position) => {

にしてthisアクセスできるようにしたら

            //この d の値を this.pref にセットしたいのですが。。。
            let d = response.results.splice(-2,1);

            this.pref = d;

でできましたよ

Comments

[ma7ma7pipipi]

ありがとうございます。助かりました！