如何使用google-translate-api翻译外的方法？

Question

我开始使用 Cloud Google 并在我的代码中实现了翻译 API，但我无法在回调之外使用响应。

methods:{
        clicked(){
            const text = "Olá";
            const target = navigator.language;
            googleTranslate.translate(text, target, function(err, translation){
                console.log(translation.translatedText)
                //this.newText =  translation.translatedText;
            });
            //console.log(this.newText);
        },
    }

显示有或没有 console.log 的错误。在 this.newText = translation.translatedText;

渲染错误："TypeError: Cannot read property 'newText' of undefined"

我想在模板中向用户显示答案。我该怎么做？

Answer 1

使用 function 关键字更改 'this' 上下文。您可以在函数外保存 'this' 或使用箭头函数。

这是使用箭头函数的方法

methods:{
    clicked(){
        const text = "Olá";
        const target = navigator.language;
        googleTranslate.translate(text, target, (err, translation) => {
            console.log(translation.translatedText)
            //this.newText =  translation.translatedText;
        });
        //console.log(this.newText);
    },
}