Как добавить внешний js файл в Nuxt для конкретной c страницы? - PullRequest
Новая
       10

Как добавить внешний js файл в Nuxt для конкретной c страницы?

0 голосов
/ 17 февраля 2020

Как загрузить внешний файл в Nuxt для определенной страницы c?

Я следовал этому руководству: https://nuxtjs.org/faq/#local -settings , и он работает, если я загружаю страница с рендерингом на стороне сервера (т. е. непосредственно с URL-адресом).

Однако, если я go перейду на страницу, используя ссылку (из vue router), сценарий не будет существовать.

1 Ответ

0 голосов
/ 17 февраля 2020

После создания песочницы я понял, что она действительно загружает скрипт, когда вы переходите к нему. Проблема заключается в том, что вы пытаетесь загрузить методы / функции / переменные этих внешних библиотек до фактической загрузки скрипта (например, при вызове mounted()). Я решил это следующим образом:

Например, если вы захотите sh загрузить jQuery для конкретной страницы c, это не удастся: 

mounted () {
    jQuery('.element').hide();
}

Однако вы можете настроить интервал проверки при загрузке jQuery, например: 

mounted () {
    const awaitScriptInterval = setInterval(() => { // set an interval to check when script is loaded
        if (typeof jQuery === 'undefined') { // script is not yet loaded in
            return;
        }

        clearTimeout(awaitScriptInterval); // clear the interval, so we don't continuously check 

        jQuery('.element').hide(); // use your external library
    }, 500); // the interval in milliseconds to check
}

См. Эту статью о том, как загрузить внешний скрипт / стиль: https://nuxtjs.org/faq/#local - настройки

...