а вот такое :class="{ active: isActive }" можно использовать не только с классом но и с :selected например?
Нет нужды биндить к selected чаще всего
Alex
Stanislav
https://dou.ua/forums/topic/22386/?from=tg
В 11:30 по Киеву будет доклад по теме Vue: Animations, Validations, Data, на Tech Talks плеере
А в каком потоке оно? Я вижу его в текстовой трансляции, но не в видео
Anonymous
А в каком потоке оно? Я вижу его в текстовой трансляции, но не в видео
уже закончился доклад помоему
Adel
Ребят, подскажите пожалуйста. Не могу понять как сделать это. Потратил довольно много времени.
В компоненте есть динамический компонент, который сменяется в зависимости от событий. Как передать метод с компонента прошлого новому после смены?
Anonymous
https://vueschool.io/ - вроде запустились наконец?
кто смотрел-учавствовал?
Anonymous
Niko
Для осваивания вью теперь школы надо проходить?
Vladimir
Да
Vladimir
учимся читать
Vladimir
документацию
L-dar
Подскажите пожалуйтса, где правильнее былобы производить редирект пользователя на другую страницу, если он зарегистрирован?
D
Подскажите пожалуйтса, где правильнее былобы производить редирект пользователя на другую страницу, если он зарегистрирован?
ставь на рутовый компонент проверку на авторизацию, если нет, то выбрасывай на страницу логина/регистрации
Max
ставь на рутовый компонент проверку на авторизацию, если нет, то выбрасывай на страницу логина/регистрации
Если ставить на хук (например, created), то сначала на секунду отрисуется страница, к которой нет доступа, только потом сработает редирект.
Думаю, лучше проверять в роутере в beforeEach и там решать пускать или нет на страницу.
Max
Если ставить на хук (например, created), то сначала на секунду отрисуется страница, к которой нет доступа, только потом сработает редирект.
Думаю, лучше проверять в роутере в beforeEach и там решать пускать или нет на страницу.
Потому что проверка авторизации асинхронная, а хуки синхронные, их нельзя приостановить, и страница будет показана на время запроса, не зависимо от результата, что не секьюрно
D
Потому что проверка авторизации асинхронная, а хуки синхронные, их нельзя приостановить, и страница будет показана на время запроса, не зависимо от результата, что не секьюрно
спасибо за совет, получается мне нужно на каждый Route прописывать beforeEach?
Max
Zeot
Всем привет. У меня есть таблица и есть кнопка добавления записи в таблицу. При нажатии на кнопку - открывается модальное окно (сделаное, как отдельный компонент), ввожу данные в этом окне, нажимаю сохранить, данные отправляются на сервер. Вопрос вот в чем, как лучше передать новую строку (данные) в компонент с таблицей? Перечитать с сервера, из компонента при сохранении отправлять ивент с новыми данными, либо какой-то еще вариант?
Anonymous
спасибо за совет, получается мне нужно на каждый Route прописывать beforeEach?
у меня сделано через beforeEnter, так как не везде нужна проверка
Max
спасибо за совет, получается мне нужно на каждый Route прописывать beforeEach?
Не совсем, вот как я сделал
https://github.com/attikos/monet-client/blob/auth/src/router/index.js#L33
А в роуты, которые требуют авторизации, добавлять meta: { requiresAuth : true }
Rafael 🌵
Не совсем, вот как я сделал
https://github.com/attikos/monet-client/blob/auth/src/router/index.js#L33
А в роуты, которые требуют авторизации, добавлять meta: { requiresAuth : true }
Я бы в 44 строчке нестрогое равенство на null делал
Rafael 🌵
Ещё мне не очень понятно, почему в верху у тебя FE, а в хуке FD
Rafael 🌵
В 47 можно избавиться от ()=>{}, просто передав туда ссылку на функцию
Rafael 🌵
В 47 можно избавиться от ()=>{}, просто передав туда ссылку на функцию
Именно об этом я писал у себя в канале
Danila
Дратути, у меня всё тот же вопрос.
postSave(context, id){
context.commit('POST_SAVE', id);
}
При этом экшене нужно заменить в массиве posts хэш, содержащий id === id на хэш, лежащий в данный момент в editor.postInEdit
Как правильно это сделать?
сейчас посты вот так вот лежат:
posts[{id:12},{id:13},{id:14}]
Переделывать на posts{12:{}, 13:{}, 14:{}} ?
Danila
Или хитрить в коммите что-то через array.find()?
Евгений
Переделывать
Danila
Переделывать
Но тогда не работает сплайс, например, а прямое обновление не обновляет вьюшки. Как правильно сделать?
Danila
state.posts[id] = state.editor.content;
Вот такое не обновляет
Rafael 🌵
Начинаю цикл статей Как это работает
#howitworks #js #array #some
Критика? @fl0pzz
http://telegra.ph/Kak-ehto-rabotaet-10-30
Насильно заставляйте других подписываться - https://t.me/pecheniai
Max
Именно об этом я писал у себя в канале
Ага, знаем, просто показалось наглядней писать как и везде через () => {}.
Уже ищу где ты писал про это у себя в канале, может я что-то упустил
Rafael 🌵
Max
state.posts[id] = state.editor.content;
Вот такое не обновляет
Vue.set(object, key, value) ?
https://ru.vuejs.org/v2/guide/reactivity.html
Max
Ребят, подскажите пожалуйста. Не могу понять как сделать это. Потратил довольно много времени.
В компоненте есть динамический компонент, который сменяется в зависимости от событий. Как передать метод с компонента прошлого новому после смены?
Я бы методы вообще не передавал между компонентами: если нужно один метод в разных компонентах, то миксины подходят, или вспомогательные js функции написать и импортировать где надо
Danila
Так, с этим я разобрался, спасибо, но теперь другой вопрос.
В редакторе постов:
computed: mapState({
content: state => state.editor.content,
active: state => state.editor.active,
})
Если я тупо сделаю v-model=content.text на инпуте эдитора, например, то он забиндится напрямую в стейт и нанчнёт его мутировать при изменении инпута. Как правильно сделать, чтобы изменения взятой однажды из стейта даты он делал локально, а изменял только явно по эвенту, который запускает коммит? Какая техника?
Danila
Официальные доки рекомендуют сделать <input :value="message" @input="updateMessage">
Danila
Неужели на каждый инпут свой обработчик? А если их штук 20?
Bushrut
гайз, кто то юзает vuex+firebase ? Как организовываете актуальность данных ?
Max
Неужели на каждый инпут свой обработчик? А если их штук 20?
Я делал один обработчик на все инпуты - в метод onChange передать название инпута (к примеру) и значение поля, который уже заполняет данными какой нибудь объект со всеми полями. Либо диспатчит нужный экшн передавая имя поля и значение
Max
Так, с этим я разобрался, спасибо, но теперь другой вопрос.
В редакторе постов:
computed: mapState({
content: state => state.editor.content,
active: state => state.editor.active,
})
Если я тупо сделаю v-model=content.text на инпуте эдитора, например, то он забиндится напрямую в стейт и нанчнёт его мутировать при изменении инпута. Как правильно сделать, чтобы изменения взятой однажды из стейта даты он делал локально, а изменял только явно по эвенту, который запускает коммит? Какая техника?
Как минимум нужно deepClone делать, когда забираете данные из сторы
Anonymous
Все привет! есть страничка с заказами и когда переходишь на страничку заказа нужно чтобы писало нейм этого заказчика.....как вывести уникальнейший нейм ордера в котором делаю заказ ..... нужно использовать какой то фильтр ??? СПАСИБО ЗА ОТВЕТ!
Anonymous
Vladimir
Че-то ничего не понял, но я вижу тут у тебя унгулар
Max
Судя по скрину в url есть номер заказа, но он не в роуте приложения, поэтому оно о заказе не знает. Можно костыльно - регуляркой вытащить из url. Либо запрос к бекенду сделать для получения этого id. И да, с этим лучше в соответствующий чатик с ангуляром
Anonymous
Anonymous
у меня сейчас выводятся все заказчики...а мне нужно только нейм этого заказчика
Anonymous
ахахах, это у меня vue)))
Vladimir
В перемешку с angular и jquery?
Anonymous
я просто пишу сразу на 2 фреймворках
Nikita
уровень сложности HARD_MODE
Rafael 🌵
🌚
Oleksandr
я заметил, что любой не свой код - говно, хд
Rafael 🌵
я заметил, что любой не свой код - говно, хд
это потому что кто-то страдает излишним перфекционизмом
Rafael 🌵
к коду должно быть отношение как к товару
NXMEЯCY
этот проект достался мне от индусов.....они гавна наделали а мне разбирать и улучшать
это вообще-то стандартная практика kappa
vsh
Ребят, может кто посоветовать хорошую литературу по vue.js? (кроме документации) 🤓
Bushrut
Ребят, может кто посоветовать хорошую литературу по vue.js? (кроме документации) 🤓
доки врятли подскажу, а вот курсы у этого чувка самые крутые. Twitter (@maxedapps).
vsh
доки врятли подскажу, а вот курсы у этого чувка самые крутые. Twitter (@maxedapps).
Благодарю! У него как раз сейчас курсы с достойной скидкой ввиду черной пятницы, приобрел)
Rafael 🌵
Ребят, может кто посоветовать хорошую литературу по vue.js? (кроме документации) 🤓
Что ты от неё ожидаешь?
Stanislav
Ребят, может кто посоветовать хорошую литературу по vue.js? (кроме документации) 🤓
Тебе, наверное, нужна книга "Как пилить охрененные SPA".
Rafael 🌵
Но таких на вью нет
Rafael 🌵
И через пол года не появятся
Дмитрий
Ребят, может кто посоветовать хорошую литературу по vue.js? (кроме документации) 🤓
http://js.dmitrylavrik.ru/vue/
Anonymous
от него ж отказались вроде
Anonymous
гайз, кто то юзает vuex+firebase ? Как организовываете актуальность данных ?
у firebase великолепная документация. и даже с видосиками ))
Pavel
ребят, у меня оч тупой вопрос, но чет не могу додуматься сам
есть массив уникальных слов
this.uniqTextArray = sortUniq.map((item, index) => {
this.words.forEach((word) => {
if (word.id === index) {
console.log('Word exclude ', item)
return
}
})
item = {
id: index,
word: item,
translate: ''
}
return item
}).sort()так же есть массив с уже имеющимися словами в базе, так вот мне надо создавать новый массив из слов исключая слова которые уже есть в базе, но мой ретерн не срабатывает. Я понимаю что тут что-то очевидно, но у меня уже глаз замылен и я не вижу (((
Rafael 🌵
Хотябы на гист