Вопросы и ответы - nuxt.js

Вопросы и ответы - nuxt.js



Есть ответ!
Я использовал Nuxt.js с Vue.JS. Я добавил динамический компонент, как это. // pages/index.vue <template> <div class="filter-container"> <component v-for="item in buttons" :is="item" :key="item.id" :buttons="buttons" /> <span class="add-search" @click="add">ADD</span> </div> </template> <script> const dynamicComponentFilter = () => im...
Есть ответ!
Я пытаюсь понять, почему правильный заголовок и мета-теги не отображаются, когда я нажимаю кнопку "Просмотреть источник страницы". То, что отображается, - это информация о метатеге из моего nuxt.конфиг.файл js. Как я могу получить метаданные с моей конкретной страницы для отображения в источнике страницы? Мне это нужно для целей SEO. Вот мои страницы / индекс.файл vue <template> <h1&...
Есть ответ!
изучаю Nuxt.js пытаюсь подключить файл js прописал в nuxt.config.js в консоли показывает ошибка подкиньте идею как правильно сделать
Есть ответ!
У меня есть простой компонент заголовка, который содержит кликабельный гамбургер, я хочу разделить гамбургер на отдельный компонент, но событие click больше не работает, когда я это делаю, я думаю, что мне нужна какая-то логическая опора, но не могу найти объяснение, или я ищу неправильную вещь. Это работает как один компонент / компоненты / заголовок.вю <template> <div class="--row ...
Есть ответ!
Могу ли я вызвать функцию mixin из метода asyncData() компонента страницы с Nuxt.js? Мой код: <template> ... </template> <script> import api from "@/plugins/api/api.js" ... export default { ... async asyncData(context) { ... context.apiMethodName() ... } ... } ... </script> api.js import Vue f...
Есть ответ!
У меня есть нюх.JS project и я создаем статическое приложение. Мне нужно поместить его в подкаталог на ftp, но я не могу заставить его работать. Я установил router.baseto /subfolder, и это прекрасно работает для _nuxt, но статические файлы по-прежнему используют абсолютный путь /img/... Поэтому я попытался поместить свои статические файлы в assets/img/, но они не загружаются из scss, когда я ...
Есть ответ!
Я попытался установить @nuxtjs/firebase, я следовал всем инструкциям здесь: https://firebase.nuxtjs.org/guide/getting-started/ но я получил ошибку: Ошибка: модуль @nuxtjs/firebase не найден.
Есть ответ!
Я создаю веб-страницу с помощью Nuxt, и я хотел бы создать класс и использовать его в одном из моих .файлы vue. Я пробовал использовать импорт: import Card from "~/assets/mylib/Card.js", но это не работает. Не знаю, как получить доступ к моей карте.js-файл внутри a .файл vue. индекс.Ву import Card from "~/assets/mylib/Card.js" created() { let card = new Card("blue") } Карта.JS class Card { ...
Есть ответ!
Я хотел бы иметь возможность использовать тот же экземпляр axios, что и в модуле auth ( https://auth.nuxtjs.org/ ) в модуле javascript, где я делаю свои вызовы API У меня есть следующее const BASE_URL = 'job'; export default { getJobs(params?: Filter) { return axios.get(BASE_URL, { params }); }, getJob(slug: string, params?: Filter) { return axios.get(`${BASE_URL}/${slug}`, { para...
Есть ответ!
Я пытаюсь перезаписать объект внутри массива под названием device в моем магазине. мутация saveState получает устройство, если оно не существует в массиве устройств , он будет толкать объект, но если оно уже существует, он просто заменит его полученным устройством. Я пытался найти решение почти целый день, и я не могу решить проблему с моим кодом. магазин.устройство.JS export const state = () =&...
Есть ответ!
Я хочу получить доступ к доменному имени до того, как будут сделаны какие-либо вызовы axios. Потому что вызовы axios нуждаются в URL-адресе домена, чтобы сделать их. Итак, я хочу сначала получить домен, а затем передать его в магазин/компоненты, чтобы они могли правильно загружаться. Насколько я понимаю, домен хранится в объекте req контекста, который передается в midddleware. Как я получу ег...
Есть ответ!
Я хочу загрузить переменную окружения во все мои файлы sass/scss. Что я сделал до сих пор в nuxt.config.js: export default { ... loaders: { scss: { data: '$myenv: ' + process.env.MY_ENV + ';' } } } и я получил эту ошибку в mystyle.scss: Неопределенная переменная: "$myenv".
Есть ответ!
Когда я аутентифицировать что Laravel паспорт бэкэнд с Nuxt.js, как показано ниже, это работает, и я получаю токен: mounted() { this.axiosGetToken() } Но, если я запускаю метод с button в form, например: <form @submit="axiosGetToken()"> <button type="submit">Axios login</button> </form> Затем я получаю статус (canceled) для страницы Laravel на вкладке Network ин...
Есть ответ!
Я создаю приложение Nuxt с TypeScript и хочу провести модульный тест с AVA. Однако когда я пытаюсь запустить тест я получаю: ✖ Не удалось найти никаких файлов для тестирования У меня есть @nuxt/typescript-build установлен и добавлен в мой nuxt.config.js Структура проекта (исключая такие вещи, как пакет.формат JSON): - components/ - CardItem.vue - test/ - specs/ -CardItem.spec.ts ...
Есть ответ!
Я изучаю реактивность vuex, используя nuxt и модульный режим хранения. Проблема заключается в том, что несмотря на то, что все данные в хранилище успешно изменены действиями => мутации, они не появляются на странице, а показывают только пустой новый элемент массива хранилища. вот мои файлы: магазин>контакты> > индекс.JS: let initialData = [ { id: 1, name: 'Michael', ema...
Есть ответ!
TL; DR Модульный тест для компонента, скопированного из ссылки Vuetify, проходит, но мой фактический модульный тест для моего компонента, написанного в pug, не проходит. Подробности: Я работаю над проектом, который построен с использованием Vue, NUXT, Vuetify и pug в качестве языка шаблонов. Я настраиваю проект для написания тестовых случаев с помощью JEST Test runner. Модульный тест в настояще...
Есть ответ!
Я пытаюсь отобразить некоторые изображения бок о бок в Столбцах, используя эту методику: <v-row> <v-col v-for="(n, i) in footerLogos" :key="i"> <v-img :src="`${n}`"></v-img> </v-col> </v-row> Массив: footerLogos: [ "@/assets/inc5000.jpg", "@/assets/inc-honor-roll.jpg", "@/assets/asa.jpg", "@/assets/soaringeagle.jpg", ...
Есть ответ!
Уважаемые Переполнение Стека / Вю.JS / Rollup community Это может быть нуб-вопрос для разработчиков мастер-плагинов, работающих с Vue и Rollup. Я напишу этот вопрос очень четко, надеясь, что он может помочь другим нубам, таким как я, в будущем. У меня есть простой плагин, который помогает с проверкой формы. Один из компонентов в этом плагине импортирует Vue для того, чтобы программно создать ком...
Есть ответ!
Всем привет, пытаюсь в nuxt сделать авторизацию через firebase, столкнулся со следующей проблемой: В middleware который повешен на основной layout я проверяю авторизацию import firebase from "firebase/app"; export default function({ store, redirect }) { firebase.auth().onAuthStateChanged(function(user) { if (user) { console.log("have"); } else { redirect("/login"); } ...
Есть ответ!
В моем приложении NuxtJS (V. 2.10.2)у меня есть URL, как показано ниже, где .then(data => { if (data) { this.$router.push({ path: `/post?pid=${data.id}` }); } }) -идентификатор записи. / пост?пид=5e4844e34202d6075e593062 Этот URL-адрес работает нормально и загружает сообщение в соответствии со значением, переданным параметру .then(data => { if (data) { this.$router.push({...


Закрыть X