kG
сделайте просто higher order component
Alex
Привет Всем! Подскажите как решить проблемы, вылезает несколько ошибок [Vue warn]: Invalid handler for event "click": got undefined
Alex
https://jsfiddle.net/rcnow/kspr1fsm/
Marseille
Гайс, всем привет, только недавно вкатился в vue. И возник такой вопрос: Есть компонент app.vue, в котором есть шапка, навигация и футер, т.е. вещи которые встречаются на всех страницах приложения, и в который подставляется содержимое других компнонетов. Но есть страница логина, где этих статичных элементов (хедер, навигация, футер) быть не должно. Как правильно реализовать эту страницу логина?
Anonymous
хотя я знаю два пути либо ифами проверять на хереде и футере а не логин ли ты часом
Anonymous
либо сделать еще один уровень
Anonymous
где все вьюхи идут от хедераблефутерабле но несколько от своих
Anonymous
считаю оба варианта костыльными и хочу наследование, хотя такая структура очень явная и красивая нверное
Marseille
хотя я знаю два пути либо ифами проверять на хереде и футере а не логин ли ты часом
я вот такое сейчас сделал, но тоже думаю что это как-то костыльно
Flexo
Сделайте несколько лейаутов. Например один для логина, второй для всего остального.
Flexo
Надо больше компонентов чем только app.vue. App.vue считай просто точка входа в приложение
Alex
Есть идеи, почему вылезают ошибки? C click - это одна из
Flexo
Что за компонент такой?
Flexo
сделайте просто higher order component
Flexo
Кавычки потерял
Alex
Кавычки потерял
https://jsfiddle.net/rcnow/kspr1fsm/2/ Все равно ошибка
Flexo
Denis
methods
Denis
S на конце
Андрей
как сделать автофокус на input, который находится в div и показывается при срабатывании условия v-if? пробовал через ref, но в момент срабатвыания условия в ref пустой (в ref input доступен когда скрывается блок)
Alex
S на конце
Спасибо
Denis
Ну или из input делать отдельный компонент и по mounted отдавайте фокус
Vladimir
Ребят, мож кто знает, как в реакте получать путь роутинга? Допустим во вью this.$route.path , а там?
Anonymous
Ребят, вопрос больше к опыту разработки, чем по конкретно коду. Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?
Anonymous
бэкэнд на фласке, поэтому мыслю в темплэйтах
Anonymous
То есть, юзер приходит ко мне, я вижу, что он не залогинен и выдаю ему страницу логина и регистрации в одной, но этой отдельное vue приложение и шаблон, это нормально или не best practices?
Anonymous
Тип админка? Норм
Ну, хранилище паролей
Anonymous
Мне интересно мнение )
Listar
Почему при использовании @drop.prevent="***" браузер все равно открывает файл, а если добавить @dragover.prevent то все ок ?!
Daniil P
товарищи, есть компонент, который хранит фильтры (1), в нет есть слот, в слот я пихаю компоненты фильтров. хочу в компоненте 1 считать количество проставленных галочек у компонентов чекбоксов, находящихся в слоте. как можно это организовать? https://i.imgur.com/C2xsjgB.png написал такой вот код, но вотчеры не работают, а компьютед срабатывает всегда, кроме инициализации приложения, когда создаются все компоненты, наверное он срабатывает до создания компонентов внутри слота, и не срабатывает, когда они появляются. если включено кэширование, то компьютед не обновляется
Victor
Считай в родительском компоненте и передавай сюда пропсами
Olga
кто может помогите советом)) продолжаю разбираться с vuex , есть action login, в нем выполняется axios.get.., как можно обработать ошибку (catch(e)) этого axios? например у меня ипользуется vue-notification, его нужно в store импортировать, или же как то в компоненте, где вызывается action, получить ошибку из axios и вывести? посоветуйте какое тут может быть решение?спасибо!
Daniil P
cache: false нет уже
vue 2.4.4, забыл написать
Alexey
Парни, может такое быть, что в package.json указан 'vue-moment', а в компоненте написано import moment from 'moment' и ещё что-то работает
Anonymous
Напомню, вдруг кто ещё ответит😊
Anonymous
Ребят, вопрос больше к опыту разработки, чем по конкретно коду. Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?
Anonymous
бэкэнд на фласке, поэтому мыслю в темплэйтах
Anonymous
То есть, юзер приходит ко мне, я вижу, что он не залогинен и выдаю ему страницу логина и регистрации в одной, но этой отдельное vue приложение и шаблон, это нормально или не best practices?
Daniil P
Считай в родительском компоненте и передавай сюда пропсами
они передаются пропсами в компоненты в слотах, дело в том, что в родительском компоненте компонентов 1 будет несколько штук. тогда придется делать для каждого из них компьютед отдельный или вроде того. хотелось автоматизировать
Alex
Парни, может такое быть, что в package.json указан 'vue-moment', а в компоненте написано import moment from 'moment' и ещё что-то работает
может, потому что moment установлен же в node_modules, но зачем он вам, когда можно просто moment поставить — непонятно
Alexey
может, потому что moment установлен же в node_modules, но зачем он вам, когда можно просто moment поставить — непонятно
я так понял, что vue-moment заюзан для готовых фильтров, в остальном, в коде, используется чистый moment
Alex
я вообще фильтрами не пользуюсь)
Alexey
я вообще фильтрами не пользуюсь)
а как же в таблице отобразить данные в измененном виде?
Alex
слот на строку таблицы или просто плагин используем, у которого своя настройка рендера ячейки
Alexey
Понял
Andriy ✙
Так, вопрос, я вот долго изпользую pug в качестве шаблона, и возник вопрос, а не увеличивает ли это размер бандла? Пагу ведь тоже нужно отработать прежде чем бандл собирать, значит есть функция комилятора пага... Или же я не парв?
Andriy ✙
Я уже осознал, почему так не правильно думал. Просто когда я использовал vue-class-component бандл вырос на 35 призентов, вот я и подумал что с темплейтом так же, но потом вспомнил, что я же не импортирую его, в отличии от vue-class-compoenеnt, и вебпак не знает о паге - как о модуле, только как о лоадере. Спасибо что отписали)
Denys
Есть 2 child компонента, которые находятся в одном родительском. Я хочу менять дату из одного ребенка в другом. Как мне это сделать правильно? 1.Пропсы от перента, и делать эмит. 2.Vuex? Или может есть еще какой способ? буду рад услышать его, можно линком
Grigory
>1.Пропсы от перента, и делать эмит именно так
Grigory
Vuex если не подключен, то слишком жирно его тащить для таких мелочей
Denys
это понимаю а больше способов нет?
Stanislav
Нет.
Denys
спасибо
Grigory
https://ru.vuejs.org/v2/guide/components.html#Коммуникация-между-компонентами-не-связанными-иерархически
Grigory
но это если компоненты не родственные
Aндрeй
народ доброго времени суток, нужно подсказка от умных людей
Aндрeй
<template> <div class="v_checkbox" :class="{ active: value }" @click.event="toggle(value)"></div> </template> <script> export default { props: { value: { type: Boolean, default: false }, }, methods: { toggle() { this.value ^= true console.log(this.value); } } } </script>
Aндрeй
Почему то функция toggle возвращаяет 0 или 1, вместо true и false
Denys
но это если компоненты не родственные
вот это прикольно, я думал что-то похожее есть у родителя, как общая дата
Anton
@godevru, а почему не писать, например this.value = !this.value?
Grigory
а ты ^ убери))
Aндрeй
Помогло)
Aндрeй
Спасибо пацаны)
Aleksandr
А нет ли отдельного чата по nuxt.js?
дima
Уу
CherryTea
Уу
Что у то?