3
голоса
Принятый
v-bind:key в v-for error
Нужно добавить атрибут key:
v-for="(url, index) in file_url" :key="index"
А атрибут href необходимо завебайндить и передавать в него переменную без интерполяции
3
голоса
Принятый
Как работать с Localstorage и Nuxt.js?
Использовать целый модуль авторизации только из-за доступа к localStorage не лучшая идея.
И что-то мне подсказывает что на ssr на сервере никак не сделаешь localStorage, localStorage только на ...
- 4,782
3
голоса
Принятый
Чем обрабатывается код - Node.js или javascript?
Вы немного не правильно ставите вопрос, дело в том что NodeJS ничего не обрабатывает, грубо говоря, NodeJS это расширенный синтаксис JS, а вот этот синтаксис, исполняет движок обработки JS под ...
- 2,077
3
голоса
Принятый
Перенос проета с Nuxt.js на Vue.js
Nuxt.js сам по себе является приложением написанным на vue.js. Nuxt.js всего лишь сохраняет время разработчика , которое он тратит на конфигурацию конфигов, зависимостей , инициализацию плагинов, ...
- 76
3
голоса
Принятый
Axios. Как отправить данные через Post?
Используйте следующие параметры, чтобы настроить Axios
axios({
url: '...',
params: {...},
data: {...}
})
url - URL, на который будет сделан запрос
params - параметры URL, которые будут ...
- 4,413
3
голоса
Менять родительскую переменную в дочернем компоненте
const CheckBox = Vue.component("CheckBox", {
template: `<div>
<label> <input type="checkbox" v-model="value"></input>Checkbox</label>
</div>`,
props: {
...
- 6,693
2
голоса
Принятый
Как избежать дублирования методов в Nuxt.js
Можно через примесь(mixin) или добавить эту функцию в файл с хелперами, оттуда импортировать и вставлять в methods.
helpers.js:
export function rquire_img (img)
return require('~static/img/' + img)...
- 4,782
2
голоса
Nuxt.js деплой на сервер
В оф. документации написано https://ru.nuxtjs.org/guide/commands/
Вы должны добавить эти команды в файл package.json:
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
...
- 526
2
голоса
this.$router.push когда у child есть свои children Vue.js/Nuxt.js
Вы указываете относительный путь, а хотите получить абсолютный.
this.$router.push('/clients)
- 4,782
2
голоса
Принятый
this.$router.push когда у child есть свои children Vue.js/Nuxt.js
this.$router.push({ name: 'clients' })
У вас же все роуты именованые. В чем проблема?
- 1,831
2
голоса
Nuxt.JS express, почему возвращает html?
Запустил у себя ваш скрипт, вроде работает нормально. Страница http://localhost:3000/test возвращает JSON документ {"method":"GET"}.
- 56
2
голоса
Принятый
Проблема с Post запросом
Если это плагины, может возникнуть такая проблема(оставлю на всякий случай).
Если напрямую импортируем Axios import axios from 'axios'.
Пробуем отправить GET и смотрим его заголовки:
// ...
- 4,653
2
голоса
Принятый
express отправка email шаблона vue
использовал nodemailer и vue-server-renderer
const Vue = require('vue')
const app = new Vue({
data: {
name: 'Alina'
},
template: `<div>{{name}}</div>`
})
const ...
- 103
2
голоса
Принятый
Миграция c Vuex standart mode → Vuex module [Длинно-пост]
Во-первых, можно отключить namespaced, добавив соответствующий export в файл модуля:
export const namespaced = false;
Во-вторых, обратиться из одного модуля в другой можно добавив имя второго модуля ...
- 9,275
2
голоса
Принятый
Nuxt.js при асинхронных запросах постоянно выкидывает на страницу ошибки
Ошибка, которая на скрине, появляется, если вы не обрабатываете ошибку axios'a
В случае, с async & await необходимо использовать try..catch
Например
async register () {
try {
await this.$...
- 2,267
2
голоса
Динамическая маршрутизация nuxt js
Разместите ваш vue файл страницы в дереве каталогов, соответственно маршруту, названия с _ для Nuxt означают параметр
pages
|--_param1
|----_param2
|------_param3
|------_param3.vue // Контроллер ...
- 194
2
голоса
Принятый
Обработка событий между компонентами
В родительском компоненте (возможно приложении), создаем свойство blockShow:
data: {
blockShow: false
}
Компоненту, который будет управлять статусом, назначаем v-model как blockShow:
<...
- 4,413
2
голоса
Принятый
Работа с локальным хранилищем как с обьектом
vue-persistent-state синхронит стор
This gives you a global mutable state, available in all Vue instances.
Any changes to state will be stored in localStorage. If the page is
refreshed, initialState ...
- 3,661
2
голоса
Как в Nuxt регистрировать роуты или куда пропала папка server?
Сейчас роуты в nuxt генерируются автоматически согласно структуре файлов в директории pages
https://nuxtjs.org/guide/routing
Прочие настройки роутинга можно указать в файле nuxt.config.js в параметре ...
- 71
2
голоса
Axios. Как отправить данные через Post?
axios.post("https://seo-gmbh.eu/couriertracker/json/couriertracker_api.php?action=tracking.data_save&key_id=" + this.$store.state.tracking_data.key_id, {
data2: 1,
})
...
- 1,028
2
голоса
Принятый
Динамическая загрузка компонента Nuxtjs
Импорт динамически можно сделать через функцию таким образом
components: {
Nav: () => {
//...
return import('../Nav'); //указать нужный путь
}
}
- 448
2
голоса
Принятый
Axios запрос из VUEX хранилища
Во VueX - Actions как раз предназначены для отправки запросов на сервер, об этом в документации сразу и сказано. И не забывайте, что функция должна быть асинхронной:
async getInfo() {
const res = ...
2
голоса
Принятый
Проксирование данных через геттеры в вычисляемые св-ва(v-model)
Какой огромный вопрос, от одного чтения мозги устали.
Тут немного не верно используются v-model и computed. Вычисляемые свойства - это как правило функции, которые считаются один раз при вызове, если ...
- 1,056
2
голоса
Технологии для интернет-магазина Vue
Однозначно SPA+SSR, иначе поисковики не увидят сайта. Многие переходят на Nuxtjs именно потому, что там очень легко реализовать Предобратку на стороне сервера, или Server Side Rendering (SSR).
- 23
2
голоса
Принятый
Vue js - вставить компонент в компонент
Vue реализует API распределения контента, вдохновлённое текущим
черновиком спецификации веб-компонентов, используя элемент <slot> в
качестве точек распространения контента.
Таким образом вам ...
- 4,413
2
голоса
Принятый
svg sprite не отображается в Firefox
Почти всё вы сделали правильно:
Добавили спрайт в веб страничку с помощью <object>
Вызываете иконки по id с помощью <use>
Вот стиль в шапке svg спрайта лишний: style="display:none;&...
- 108k
2
голоса
Принятый
Менять родительскую переменную в дочернем компоненте
Для реализации такой логики вам необходимо обратиться к разделу документации о работе с emit для настройки v-model. Ниже пример использования данного подхода (может возникнуть вопрос о разнице между ...
2
голоса
Принятый
Сравнить два массива и добавить класс Vue js
Jsfiddle
new Vue({
el: "#app",
data: {
skills: [
'Validator',
'Pitch trainer',
'Organizer',
'Coach',
'Facilitator',
...
- 4,394
2
голоса
Принятый
Ошибка ESLint Initialization error (ESLint). Unexpected token }Initialization error (ESLint). Unexpected token } catch {
У меня была такая же проблема. Дело было в том, что в настойках IDE стояла неверная версия ноды (из-за NVM)
После выбора правильной версии проблема исчезла
2
голоса
Nuxt: Cannot read property 'id' of undefined
Если у вас в webtools приходит props.row.id но все равно есть ошибка попробуйте v-if
<b-table-column v-if="props.row" label="№" field="id" sortable>
{{ props....
- 146
Only top scored, non community-wiki answers of a minimum length are eligible
Связанные метки
nuxt.js × 309vue.js × 237
javascript × 138
node.js × 36
vuex × 32
axios × 20
typescript × 12
vue-router × 12
frontend × 11
ssr × 11
html × 9
laravel × 9
express × 8
vuetify × 7
nuxtjs × 7
auth × 6
i18n × 5
mongodb × 4
webpack × 4
firebase × 4
seo × 4
vue3 × 4
php × 3
ajax × 3
django × 3