я уже установил webpack-hot-server и webpack-dev-server, а ошибка есть
поставь vue-cli и не мучайся
Stanislav
akasybe
я уже установил webpack-hot-server и webpack-dev-server, а ошибка есть
может быть из-за русских символов в пути
Aleksey
Привет коллеги!
У меня мистика какая-то, есть getter:
const getters = {
isAuthenticated: state => !!state.token,
};
Вызываю его в компоненте:
computed: mapGetters({
items: 'getItems',
fields: 'getObjFields',
isAuthenticated: 'isAuthenticated'
}),
Все другие геттеры нормально находит, а этот не видит:
[vuex] unknown getter: isAuthenticated
что с ним не так?
Oleg
...mapGetters
Aleksey
так ведь если в computed только getter'ы можно и без этого ведь?
Aleksey
впрочем попробую с ...
Oleg
А импортишь как mapGetters?
Oleg
А, погоди
Aleksey
import { mapGetters } from 'vuex'
Alex
что подразумевается под не хочет нормально работать?
Вариант с показывать компонент-ошибку v-if=ошибка и роутер-вью v-else не работает.
Oleg
computed: {
и тут уже пошла жара.
}
Alexander
Вариант с показывать компонент-ошибку v-if=ошибка и роутер-вью v-else не работает.
если компонент ошибки это отдельная страница, то можно просто делать router.push
Alex
Тогда же он будет в адресной строке а это не правильно.
Andy
Ребята, есть вопрос по scoped <style>...
Имеется компонент SignUpStep.vue, у которого написаны некоторые стили:
1) Если они "scoped", то этот компонент как будто бы тянет за собой весь стиль vuetify, и это офигенно мешает достичь нужного эффекта:
http://joxi.ru/Dr8aPdnIkedOEm
http://joxi.ru/YmEg3KkcZpvOlA
2) Если они не scoped, а обычные - то эти стили не втаскиваются в компонент и он ведет себя более нормально
http://joxi.ru/82QjLZ7H1eKooA
в чем прикол? зачем это делается и как этого избежать?
Alex
Блин, такая тупая штука а я не могу её сделать.
Aleksey
один фиг та же ошибка [vuex] unknown getter: isAuthenticated
при
computed: {
...mapGetters({
items: 'getItems',
fields: 'getObjFields',
isAuthenticated: 'isAuthenticated'
}),},
Aleksey
причём другие то геттеры работают, говорю же мистика какая-то
Oleg
Привет коллеги!
У меня мистика какая-то, есть getter:
const getters = {
isAuthenticated: state => !!state.token,
};
Вызываю его в компоненте:
computed: mapGetters({
items: 'getItems',
fields: 'getObjFields',
isAuthenticated: 'isAuthenticated'
}),
Все другие геттеры нормально находит, а этот не видит:
[vuex] unknown getter: isAuthenticated
что с ним не так?
computed: {
mapGetters({
items: 'getItems',
fields: 'getObjFields',
isAuthenticated: 'isAuthenticated'
}),
}
🅅aleriy
Привет коллеги!
У меня мистика какая-то, есть getter:
const getters = {
isAuthenticated: state => !!state.token,
};
Вызываю его в компоненте:
computed: mapGetters({
items: 'getItems',
fields: 'getObjFields',
isAuthenticated: 'isAuthenticated'
}),
Все другие геттеры нормально находит, а этот не видит:
[vuex] unknown getter: isAuthenticated
что с ним не так?
а зачем вообще в mapGetters объект передавать?*
🅅aleriy
можно же просто { ...mapGetters(['getItems', 'getObjFields', 'isAuthenticated']) }
Oleg
а зачем вообще в mapGetters объект передавать?*
На случай, если имя геттера отличается от свойства, которое байндишь с ним.
🅅aleriy
а зачем оно должно отличаться то?
Alexander
Тогда же он будет в адресной строке а это не правильно.
У каждого своя понятие правильности. Я думаю что можно там проверку на наличие ошибки в хуке сделать и редирект на главную или куда вам нужно, если ее нет.
Aleksey
для контекста
Alexander
должно всё работать
Alexander
метод действенный
Alexander
если не получается - нужен код\
Alexander
чтобы что-то говорить
🅅aleriy
и вообще лучше использовать
🅅aleriy
vue-property-decorator
vuex-class
Aleksey
так какой код нужен? вроде экспорты есть:
export default {
namespaced: true,
state: initialState,
getters,
actions,
mutations,
};
модуль прописан в store:
import auth from './modules/auth';
const store = new Vuex.Store({
modules: {
products,
auth,
password,
signup
},
чего ему не хватает?
Alex
метод действенный
Ну вот чел будет отчаянно жать ф5 и что делать дальше? Я же в компоненте error я понятия не имею что делать. Можно конечно по этому роуту на главную его отправлять но очень желательно чтобы получив ошибку на /profile он обновляя страницу запрашивал /profile
🅅aleriy
https://github.com/ktsn/vuex-class
🅅aleriy
юзаешь vue-class и никогда не запутаешься во всех этих геттерах. мутациях и прочих сущностях
🅅aleriy
и компоннет выглядит более человечнее
🅅aleriy
Aleksey
чёт пока не врубаюсь в чём его плюс
Alexander
Ну вот чел будет отчаянно жать ф5 и что делать дальше? Я же в компоненте error я понятия не имею что делать. Можно конечно по этому роуту на главную его отправлять но очень желательно чтобы получив ошибку на /profile он обновляя страницу запрашивал /profile
Ну тогда можно рендерить компонент ошибки поверх текущей страницы не делаю его отдельным роутом. При нажатии f5 стор обнулиться, ошибки не будет и будет страница которая была до ошибки. В таком случае можно даже таймаутом убирать компонент ошибки.
🅅aleriy
чёт пока не врубаюсь в чём его плюс
плюс, перестать заниматься херней. лабая эти многоуровневые конструкции в виде объектов
🅅aleriy
а делать линейный красивый и понятный код
Андрей
Андрей
Магия магией погоняет.
🅅aleriy
ужас будет когда у тебя приложение перевалит за 400 компонентов
#3301⏣SoulString
#3301⏣SoulString
обсуждался ввод
🐏 Alexander
🐏 Alexander
в чем смысл так писать
#3301⏣SoulString
i.e. new Data('01.02.2018', 'dd.mm.yyyy')
Alex
Ну тогда можно рендерить компонент ошибки поверх текущей страницы не делаю его отдельным роутом. При нажатии f5 стор обнулиться, ошибки не будет и будет страница которая была до ошибки. В таком случае можно даже таймаутом убирать компонент ошибки.
Но для этого мне надо в шаблон каждого компонент добавить эту фигню.
🅅aleriy
надо понимать, что если писать по документации что на реакте, что на vue, то получится полная каша
Aleksey
ужас будет когда у тебя приложение перевалит за 400 компонентов
а стандартные methods, computed как при этом использовать?
Андрей
надо понимать, что если писать по документации что на реакте, что на vue, то получится полная каша
Что значит "писать по документации"?
🐏 Alexander
видимо стильно, модно, молодёжно
ну да, вместо того. чтобы решать реальные бизнес проблемы, надо извращаться над синтаксисом
Андрей
Походу я становлюсь противником декораторов.
Aleksey
Походу я становлюсь противником декораторов.
ну сахар в принципе обычно помогает, если не декораторы, то можно примеси ещё использовать
🐏 Alexander
Походу я становлюсь противником декораторов.
так сегодня же в чатике по реакту писали, что там изменилось что-то, у кого-то сломалось, короче говоря, нестабильная тема
🅅aleriy
🅅aleriy
cimputed Это всего лишь геттер класса
Serge
Андрей
так сегодня же в чатике по реакту писали, что там изменилось что-то, у кого-то сломалось, короче говоря, нестабильная тема
Дело не в стабильности, а в том, что люди предращают код в такое.
🅅aleriy
это все для странных людей
Alexander
Но для этого мне надо в шаблон каждого компонент добавить эту фигню.
Можно, но не думаю что это будет разумно. Добавьте в самый верхний компонент Vue (по умолчанию это App.vue) v-if и геттер для ошибок, если в сторе появилась ошибка - вы рендерите её еомпонент, который на уровне вёрстки будет идти поверх всего что у вас есть. Дайте ему очень большой z-index и с таймаутом убирайте потом в сторе ошибку.
🅅aleriy
вот как то с реакта еще повелось - не использовать миксины
Aleksey
а теперь давай миксин запили туда )
в js вообще с ООП слабовато, поэтому лучше тут без сложных наследований)
Андрей
вот как то с реакта еще повелось - не использовать миксины
Только в реакте есть нормальная им замена.
🅅aleriy
но использовать их можно все равно
🅅aleriy
Serge
Alex
Можно, но не думаю что это будет разумно. Добавьте в самый верхний компонент Vue (по умолчанию это App.vue) v-if и геттер для ошибок, если в сторе появилась ошибка - вы рендерите её еомпонент, который на уровне вёрстки будет идти поверх всего что у вас есть. Дайте ему очень большой z-index и с таймаутом убирайте потом в сторе ошибку.
Т.е. просто перекрывать компонент, который на самом деле подгружен и с ним всё ок (кроме того что он данные не получил)?