Vue: APIで取得したデータをdataに定義した変数に入れる方法

Question

VueというよりもJavascriptの基礎的な問題なのかもしれませんが。

https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#getBucketEncryption-property
AWSのAPIレスポンスで取得したデータを、dataの変数に挿入したいのですが
やり方がわからないため、ご教授ください。
（現時点のコードだとnullのままで終了します）

new Vue({
    el: "#app",
    data: {
        bucketEncrypt: null
    },
    methods: {
        list: function () {
            var s3 = new AWS.S3({
                apiVersion: "2006-03-01",
                params: { Bucket: albumBucketName }
            });
            s3.getBucketEncryption(this.params, function (err, data) {
                if (err) console.log(err); // an error occurred
                else 
                    console.log(data);           // successful response
                    var a = data['ServerSideEncryptionConfiguration']['Rules'][0]['ApplyServerSideEncryptionByDefault']['SSEAlgorithm']
                    console.log(a)
                    this.bucketEncrypt = a
            });

        }
    }

})

Answer 1

回答そのものではないので申し訳ありませんが、解決するためには問題の切り分けが必要だと思います。以下の3つの可能性があります。

1. listメソッドが呼び出されていない。
2. getBucketEncryptionの呼び出しでエラーが発生している。
3. getBucketEncryptionは成功したがbucketEncryptへの代入に問題がある。

これらの切り分けですが、コンソールへの出力で確認できます。listメソッドが呼び出されているのであれば、コンソールになんらか出力されているはずですので、出力結果を書いていただけますか。出力されていなければlistメソッドが呼び出されていないです。

出力結果を見ることで、console.log(err)が出力されているのであれば、getBucketEncryptionの呼び出がでエラーであることがわかります。

console.log(data)が出力されているのであれば、getBucketEncryptionは成功していて、bucketEncryptへの代入に問題があることがわかります。