如何在方法外使用 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);
    },
}