Написано

Валидация конфигурации не прошла

что-то новое в этом cli3

Не понимаю зачем это вообще, там babel-preset-env который сам разберется что подключать если асинки нужны

что-то новое в этом cli3

Там всё новое)

Не понимаю зачем это вообще, там babel-preset-env который сам разберется что подключать если асинки нужны

так в том то и дело, что не разбирается, пишет что await зарезервировано

вот и полез смотреть

Пишет await is a reserved word ? не могу найти как подключить ?

Подождем телепатов что про код нам расскажут

Нужно больше кода

Ждем дальше)

ты был прав, мужик

он разобрался

э

это я дебил)

Всем привет! Как сделать чтобы из компонентов card1 и card2 я мог получить доступ к переменной currentCardId? Vue.component('card1', { template: '#card1' }); Vue.component('card2', { template: '#card2' }); new Vue({ el: '#cards', data: { currentCardId: '1', cards: [ { id: '1', name: 'Link A', link: '#a' }, { id: '2', name: 'Link B', link: '#a' }, { id: '3', name: 'Link C', link: '#c' }, ] }, computed: { currentCardComponent: function () { return 'card' + this.currentCardId.toLowerCase(); } } });

Использовать https://github.com/vuejs/vuex для такой простой задачи?

Использовать https://github.com/vuejs/vuex для такой простой задачи?

Да

Что значит получить доступ? Можно просто как проп покинуть

Что значит получить доступ? Можно просто как проп покинуть

Чтобы я мог из компонента card1 и card2 изменить ее значение

Чтобы я мог из компонента card1 и card2 изменить ее значение

Я бы сделал эвент. Руководствуюсь тем, что если данные нужно менять больше чем из 2-3 компонентов, то тогда уже в vuex

+++

Я бы сделал эвент. Руководствуюсь тем, что если данные нужно менять больше чем из 2-3 компонентов, то тогда уже в vuex

Спасибо.

Всем привет! Как сделать чтобы из компонентов card1 и card2 я мог получить доступ к переменной currentCardId? Vue.component('card1', { template: '#card1' }); Vue.component('card2', { template: '#card2' }); new Vue({ el: '#cards', data: { currentCardId: '1', cards: [ { id: '1', name: 'Link A', link: '#a' }, { id: '2', name: 'Link B', link: '#a' }, { id: '3', name: 'Link C', link: '#c' }, ] }, computed: { currentCardComponent: function () { return 'card' + this.currentCardId.toLowerCase(); } } });

Зачем cardN знать что она current (selected/expanded) Мб это отдать родительской компонете cards|card-list например?

Зачем cardN знать что она current (selected/expanded) Мб это отдать родительской компонете cards|card-list например?

Я этом элементе есть также переключатель карточке

Если vuex стал нужен, подумай, действительно ли он нужен или можно обойтись + избежать хардкодинга.

Зачем cardN знать что она current (selected/expanded) Мб это отдать родительской компонете cards|card-list например?

Да, родительский элемент переключает, но также нужно чтобы была возможность переключения из самой карточки на другую.

Да, родительский элемент переключает, но также нужно чтобы была возможность переключения из самой карточки на другую.

this.$emit() в cardN

родитель сам сделает магию

родитель сам сделает магию

Спасибо, так и сделаю, а чтобы перейти на карточку можно было бы по url - какой роутинг посоветуете?

Спасибо, так и сделаю, а чтобы перейти на карточку можно было бы по url - какой роутинг посоветуете?

Всмысле? VueRouter чем не угодил? И еще, у тебя card1,2,N это роут компонент?

Всмысле? VueRouter чем не угодил? И еще, у тебя card1,2,N это роут компонент?

Я не знаю, есть смысл подключать совсем, когда можно проще обойти так - https://vuejs.org/v2/guide/routing.html Мне нужно чтобы при переходе на /#card1 - показывалась карточка 1.

Кто нибудь пробовал использовать vue-mapbox с парселем?

Я не знаю, есть смысл подключать совсем, когда можно проще обойти так - https://vuejs.org/v2/guide/routing.html Мне нужно чтобы при переходе на /#card1 - показывалась карточка 1.

Есть смысл

Что значит переход на другую карточку? next | prev cardN?

Что значит переход на другую карточку? next | prev cardN?

Да, чтобы была история переходов по карточкам на уровне истории браузера.

Что значит переход на другую карточку? next | prev cardN?

И чтобы на карточку можно было перейти по адресу, типо /#card1

Да, чтобы была история переходов по карточкам на уровне истории браузера.

VueRouter с mode: 'history'

/cards - тут список из card (1. 2. N) Мин информации, при клике переходим к cardN - /cards/1,2,3,N Макс информации по cardN тут + тут ссылки/а на другую/ие карточки Что это за карточка/и, какое отношение она/и имеют к текущей в /cards/cardN компоненте?

/cards - тут список из card (1. 2. N) Мин информации, при клике переходим к cardN - /cards/1,2,3,N Макс информации по cardN тут + тут ссылки/а на другую/ие карточки Что это за карточка/и, какое отношение она/и имеют к текущей в /cards/cardN компоненте?

В теле карточки есть ссылки на другие карточки. Uncaught TypeError: this.$emit is not a function - @click="this.$emit('changeCard', 2)" из шаблона компонента card1

просто go back (this.$router.go(-1)) который вернет на список карт не устроит? (в cardN)

this убери и не уверен, что $emit доступен для вызова из шаблона

Какая логическая связь между карточками? Если мы в cardN указываем ссылки другие cards Они логически, бизнес логикой как то связаны с cardN? Если нет и это просто юзабилити, то не нужны эти переходы из сardN к другим cards Достаточно router.go(-1) в cardN + за $emit в темлейте без this как и все свойства vm

Какая логическая связь между карточками? Если мы в cardN указываем ссылки другие cards Они логически, бизнес логикой как то связаны с cardN? Если нет и это просто юзабилити, то не нужны эти переходы из сardN к другим cards Достаточно router.go(-1) в cardN + за $emit в темлейте без this как и все свойства vm

Спасибо. А как handler кастомных евентов описывается?

Спасибо. А как handler кастомных евентов описывается?

new Vue({ el: '#cards', data: { currentCardId: '1', cards: [ { id: '1', name: 'Link A', link: '#a' }, { id: '2', name: 'Link B', link: '#a' }, { id: '3', name: 'Link C', link: '#c' }, ] }, computed: { currentCardComponent: function () { return 'card' + this.currentCardId.toLowerCase(); } }, events: { changeCard: function (cardId) { this.currentCardId = cardId }, }, });

В теле карточки есть ссылки на другие карточки. Uncaught TypeError: this.$emit is not a function - @click="this.$emit('changeCard', 2)" из шаблона компонента card1

Если у тебя cardN на роуте , то $emit не нужен, Где ты его ловить собрался? { path: '/cards' name: 'cards', component: Cards, children: [ { path: ':cardId', component: DetailCard } // or Card, не важно тут ] }

Если у тебя cardN на роуте , то $emit не нужен, Где ты его ловить собрался? { path: '/cards' name: 'cards', component: Cards, children: [ { path: ':cardId', component: DetailCard } // or Card, не важно тут ] }

Просто без роутинга хотел сделать на евентах, все доверстать, а после уже роутинг встроить.

new Vue({ el: '#cards', data: { currentCardId: '1', cards: [ { id: '1', name: 'Link A', link: '#a' }, { id: '2', name: 'Link B', link: '#a' }, { id: '3', name: 'Link C', link: '#c' }, ] }, computed: { currentCardComponent: function () { return 'card' + this.currentCardId.toLowerCase(); } }, events: { changeCard: function (cardId) { this.currentCardId = cardId }, }, });

Пристрелите меня =D

Просто без роутинга хотел сделать на евентах, все доверстать, а после уже роутинг встроить.

Это как сделать SPA в одном компоненте App а потом разносить/рефакторить Делай сразу.

Просто без роутинга хотел сделать на евентах, все доверстать, а после уже роутинг встроить.

https://github.com/skyronic/vue-spa Поковыряй, будет полезно, судя по всему)

https://github.com/skyronic/vue-spa Поковыряй, будет полезно, судя по всему)

ок, просто мне spa как-таковой не нужен, там приложение на django - просто оживить эти карточки

vuejs только вчера документацию прочитал - сейчас разбираюсь

ок, просто мне spa как-таковой не нужен, там приложение на django - просто оживить эти карточки

кек, у тебя то есть не DRF?

Есть темплейты?

кек, у тебя то есть не DRF?

нет, без rest

-_-

vuejs только для показа карточек

https://hastebin.com/ojicoqecar.xml

https://hastebin.com/ojicoqecar.xml

где categories в data() ?

их нету

если поставить, типа что в обьект надо вывести

ERROR: S client not available

data() { return { categories: [] } },

так ?

да

понятно, спасибо

вчера не ругался он

сегодня ругается, обнову сделали чтоли?

вчера не ругался он

Значит вчера было иначе, у тебя

спасибо за выделенное время помощи)

ок, просто мне spa как-таковой не нужен, там приложение на django - просто оживить эти карточки

Сорь, я формошлеп, бэк сложна. Не подскажу.

Сорь, я формошлеп, бэк сложна. Не подскажу.

извиняюсь бэк на чем?

а вижу, django

Кто-нибудь использовал данный сервис? Интересует фидбек. http://vuemc.io

Кто-нибудь использовал данный сервис? Интересует фидбек. http://vuemc.io

Не юзал, еще одна универсальная штука, помоему больше оверхеда https://github.com/FiguredLimited/vue-mc/issues

Зачем вот это все я хз =) Проще без всего этого (vue-mc)

Furrya, просто нужна работа со списками и моделями (создание/изменение).

И вот хз писать ли свой велосипед.

Furrya, просто нужна работа со списками и моделями (создание/изменение).

Напиши свое, будет проще, не с таким овер функционалом, а с нужным. Как будто на каждый проект все приходят без опыта и кода.

Напиши свое, будет проще, не с таким овер функционалом, а с нужным. Как будто на каждый проект все приходят без опыта и кода.

Ну, впринципе, так и думал поступить оглядываясь на их реализацию.

Только на это время нужно, увы.

Ну, впринципе, так и думал поступить оглядываясь на их реализацию.

Если оглядываться на vue-mc то да, много времени

А ты смотри на свою задачу

Если оглядываться на vue-mc то да, много времени

Ну без оглядки ещё дольше. Требуется сделать нечто универсальное для последующего использования в других задачах.

Ну без оглядки ещё дольше. Требуется сделать нечто универсальное для последующего использования в других задачах.

Ок, зачем тебе модель и коллекции, что ты видишь в них? Какие методы? Какой функционал? ))

Который нужен в решении твоей N задачи.

В том, что у же имеется работа со списками и формами, и возникает требование в этом функционале)

можно ли как нибудь поставить приоритет маршрутам (роуты) ?

можно ли как нибудь поставить приоритет маршрутам (роуты) ?

Их порядком?

у меня есть прослушиватель ошибки 404, но я добавил ещё 1 роут там переход по слэгу. Роут #1: /404 роут #2:/:slug

у меня есть прослушиватель ошибки 404, но я добавил ещё 1 роут там переход по слэгу. Роут #1: /404 роут #2:/:slug

Добавь такое исключение выше основного тогда.

В том, что у же имеется работа со списками и формами, и возникает требование в этом функционале)

На въезд, прикручивание, подстраивание под vue-mc + исправление непонятных багов займет === Писать свое

Добавь такое исключение выше основного тогда.

https://hastebin.com/ecohurohec.css