Vue.js 如何使用Vue将url图像转换为base64

我正在尝试从facebook登录中转换图像url。我想使用Vue完成此任务

    getDataUri(url, callback){
          let image = new Image()

          image.onload = () => {
              let canvas = document.createElement('canvas');
              canvas.width = this.naturalWidth
              canvas.height = this.naturalHeight
              canvas.getContext('2d').drawImage(this, 0, 0)
              callback(canvas.toDataUrl('image/png').replace(/^data:image\/(png|jpg);base64,/, ''))
              callback(canvas.toDataURL('image/png'))
          }

          image.src = url
      },

  retrivePhoto(id){
    FB.api('/'+id+'/picture?redirect=false&height=120&width=120','GET',{},
      function(response) {
        console.log(this.getDataUri(response.data.url));
      });
    },

当我试图运行代码时，我遇到了这个javascript错误

all.js:108未捕获类型错误：this.getDataUri不是函数

---

上下文已更改，请使用箭头函数或Function.prototype.bind在右侧上下文上调用

getDataUri

：

FB.api（'/'+id+'/picture？重定向=false&height=120&width=120'，
'GET'，{}，response=>{
log（this.getDataUri（response.data.url））；
}
);

或

FB.api（'/'+id+'/picture？重定向=false&height=120&width=120'，
'GET'，{}，函数（响应）{
log（this.getDataUri（response.data.url））；
}.绑定（此）
);