Эй, ребята, вот быстрый способ сделать Google Translate Play Nice, используя setinterval.
export default {
mounted: function()
{
this.$nextTick(() => {
this.googleTranslateInit();
});
},
methods: {
googleTranslateInit: function() {
let checkIfGoogleLoaded = setInterval(() => {
if (google.translate.TranslateElement != null) {
clearInterval(checkIfGoogleLoaded);
this.googleTranslateElement('google_translate_element');
}
}, 100);
},
googleTranslateElement: function(id) {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, id);
}
},
};
Не всегда легко иметь хороший обратный вызов, доступный для Google Translate, особенно если вы вложен в компоненту. Я только использую только NUXT Внешние ресурсы Настройка для непосредственного загрузки библиотеки и проигнорировала создание плагина для этого (хотя я думаю, что это все еще действует, чтобы Создать сценарий и использовать функцию onload
Оригинал: “https://dev.to/coolgoose/quick-hack-for-using-google-translate-or-other-services-in-nuxtvuejs-3gb2”