Вопросы и ответы - nuxtjs

Вопросы и ответы - nuxtjs



Есть ответ!
Я разрабатываю приложение Nuxt с двумя разделами. Панель администратора (страницы расположены внутри каталога pages/admin/*) и остальные страницы для обычных пользователей(расположены внутри корневого каталога pages). Я использую следующее промежуточное программное обеспечение, чтобы отключить SSR для всего "/admin/" URL-адреса: export default function(req, res, next) { const currentPaths = req...
Есть ответ!
Поведение Buefy Modal по умолчанию заключается в закрытии при щелчке снаружи (или нажатии ESC). Однако такое поведение может быть вредным при работе с длинными входами, потому что неправильный щелчок может привести к тому, что пользователь потеряет всю свою работу. Как предотвратить закрытие модального Buefy при щелчке снаружи (в VueJS / NustJS)? В приведенном ниже примере я создал пользовательски...
Есть ответ!
Как правильно настроить прототип класса в Vue NuxtJS? Я создаю плагин nuxt.config.js plugins: [ { src: "~/plugins/global.js" }, ], global.js import Vue from "vue"; import CustomStore from "devextreme/data/custom_store"; //try set in prototype Vue.use(CustomStore) есть ошибка A class must be instantiated using the 'new' Я понимаю, что это неправильно, но я нигд...
Есть ответ!
В настоящее время у меня возникла проблема с bootstrapvue где меню выбранное из выпадающего списка в свернутом меню остается открытым после загрузки новой страницы я думаю что могу просто вручную удалить классы если смогу запускать его при каждом изменении страницы с помощью nuxt
Есть ответ!
Сейчас я работаю над проектом Nuxt. В настоящее время существует множество полезных пакетов, которые делают vue более приятным в использовании. Но мне удалось найти пакеты Nuxt. Поэтому мне интересно, есть ли какой-нибудь хороший способ использовать пакеты Vue в проектах Nuxt. Например, у vue есть хорошие пакеты, связанные с google map, включая vue-google-maps. Было бы здорово, если бы я мог испол...
Есть ответ!
У меня есть компонент navbar, который содержит 2 кнопки "Выход " и" панель мониторинга", которые отображаются только в том случае, если пользователь аутентифицирован. (используя v-if). Однако когда пользователь нажимает на кнопку выхода из системы, навигационная панель не перезагружается, и поэтому кнопки остаются видимыми до тех пор, пока вы не перезагрузите страницу. Как установить условие v-if ...
Есть ответ!
Я ищу способ отключить console.log() для производственного env. Что-то вроде установки приведенного ниже кода на nuxt.config.js или index.js: if (process.env.NODE_ENV !== "development") { console.log = () => {}; } Я попробовал, но ничего не вышло. Любая помощь будет оценена по достоинству. Мой nuxt.config.js это здесь https://gist.github.com/somaria/9a2b0e06497d13a35fe9eee141a15d...
Есть ответ!
Управление проектами NuxtJS разработано на GitHub. Ниже приводится процедура разработки. 1.Пуш-обновления с локального компьютера на удаленный репозиторий на Гитхабе. 2. Войдите на свой хостинг-сервер и извлеките удаленный репозиторий, чтобы получить различия. 3.Затем выполните команду npm НПМ запустить построение и бежать создавать, чтобы обновить проект. Есть ли способ запустить npm run * автома...
Есть ответ!
Я использую nuxtjs, и у меня есть файл data.json в моем корневом каталоге, и я хочу добавить ссылку на изображение в этот файл JSON, но он этого не знает. вот мой код: { "id": 1, "cardImg": "./assets/images/image_1.jpg", "iconImg": "./assets/images/icon.png", "subjectCard": "back-end" }, образ структуры каталога
Есть ответ!
Итак, у меня есть эти файлы промежуточного программного обеспечения middleware/authenticated.js export default function (context) { //console.log('context.store.state :>> ', context.store.state); if(process.server === true) { //Server Side //why is my store state here is always empty when access in SSR console.log(context.store.state.authen.UserToken); } else {...
Есть ответ!
Я использую laravel-echo для работы с pusherjs в Nuxtjs. nuxt.config.js Раздел для настройки pusherjs: buildModules: [ [ '@nuxtjs/laravel-echo', { broadcaster: 'pusher', key: 'my-key-here', cluster: 'eu', forceTLS: true } ] ], пакет.в JSON "vue": "^2.6.12", "nuxt": "^2.14.3", "pusher-js": "...
Есть ответ!
Я не уверен, что произошло во время обновлений, которые я сделал, но теперь я получил ошибку, которую раньше не получал. У меня есть раздел кода в папке pages под index.vue: <section class="intro"> <h1>heading 1</h1> <h2>heading 2</h2> <nuxt-link to="/admin"> <AppButton type="submit" @click="onSave&quo...
Есть ответ!
В моем index.js файл в разделе "Магазин", у меня есть следующий код: import Vuex from 'vuex' // import axios from 'axios' const createStore = () => { return new Vuex.Store({ state: { loadedPosts: [] }, //... [more code] //... [more code] //... [more code] //... export default createStore Я получил сообщение об ошибке с сообщением об ошибке синтаксического анализа: неожиданн...
Есть ответ!
В папке страниц, у меня есть подпапка 'проводки' которая хранит еще подпапка '_quidproquo'. Эта последняя подпапка содержит файл под названием "index.vue". Я получил сообщение об ошибке, в котором говорится, что он не может прочитать свойство 'title' null для моего nuxt.js код. Может ли кто-нибудь посоветовать, где я ошибаюсь? <template> <div class="single-post-page"> ...
Есть ответ!
Я пытаюсь запустить код со своей страницы pages/posts/index.vue. Но я постоянно получаю сообщение об ошибке сказав: неожиданные функции setTimeout в asyncData'. Я не знаю, что это значит. Может кто-нибудь помочь? Нужны ли мне еще какие-нибудь Плагины? <template> <div class="postspage"> <section class="introduction"> </section> <PostList...
Есть ответ!
Я хотел бы очистить заполнитель формы после отправки формы. Однако мой приведенный ниже код, похоже, не работает. Он не очищает входное текстовое поле. data() { return { placeholder: "https://www.youtube.com/watch?v=VooQbNHP44M", }; }, <form @submit.prevent="submitVideo"> <div class="flex"> <input type="text" :placehol...
Есть ответ!
Я пытаюсь получить заголовок сообщения из firestore, но почему-то не могу понять, как это можно сделать с помощью async await. async getVideo(id) { var self = this; const ref = this.$fire.firestore .collection("posts") .where("ytid", "==", id) .orderBy("createdAt", "desc"); try { let post = await ref.get(); console.log(pos...
Есть ответ!
У меня есть боковая навигационная панель, и я пытаюсь сделать ее активной в соответствии с кликом по странице. Это мой sidenav.nav, который является компонентом. <template> <aside class="col-md-3"> <nav class="list-group"> <a href="/" class="list-group-item" exact> Account overview </a> <a clas...
Есть ответ!
Я хочу скрыть ответы проекта nuxt js и отправлять запросы с помощью SSR. Это возможно при первой загрузке страницы. <template> <p v-if="$fetchState.pending">Fetching mountains...</p> <p v-else-if="$fetchState.error">An error occurred :(</p> <div v-else> <h1>Nuxt Mountains</h1> <ul> <li v-for="...
Есть ответ!
Я рендерингу какой-то div, и мне нравится не показывать div, когда изображения там нет. Пример изображения находится здесь: https://clips-media-assets2.twitch.tv/AT-cm%7C891283246-preview-480x272.jpg Я думаю о чем-то вроде этого: <div v-show="twItem.imageurl">{{twItem.title}}</div> Но это не работает. Любая помощь будет оценена по достоинству.


Закрыть X