Гайс, всем привет, только недавно вкатился в vue. И возник такой вопрос: Есть компонент app.vue, в котором есть шапка, навигация и футер, т.е. вещи которые встречаются на всех страницах приложения, и в который подставляется содержимое других компнонетов. Но есть страница логина, где этих статичных элементов (хедер, навигация, футер) быть не должно. Как правильно реализовать эту страницу логина?

Гайс, всем привет, только недавно вкатился в vue. И возник такой вопрос: Есть компонент app.vue, в котором есть шапка, навигация и футер, т.е. вещи которые встречаются на всех страницах приложения, и в который подставляется содержимое других компнонетов. Но есть страница логина, где этих статичных элементов (хедер, навигация, футер) быть не должно. Как правильно реализовать эту страницу логина?

плюсую вопрос

хотя я знаю два пути либо ифами проверять на хереде и футере а не логин ли ты часом

либо сделать еще один уровень

где все вьюхи идут от хедераблефутерабле но несколько от своих

считаю оба варианта костыльными и хочу наследование, хотя такая структура очень явная и красивая нверное

хотя я знаю два пути либо ифами проверять на хереде и футере а не логин ли ты часом

я вот такое сейчас сделал, но тоже думаю что это как-то костыльно

Сделайте несколько лейаутов. Например один для логина, второй для всего остального.

Надо больше компонентов чем только app.vue. App.vue считай просто точка входа в приложение

Есть идеи, почему вылезают ошибки? C click - это одна из

Что за компонент такой?

сделайте просто higher order component

Есть идеи, почему вылезают ошибки? C click - это одна из

@click=add_new_flavo

Надо больше компонентов чем только app.vue. App.vue считай просто точка входа в приложение

ок, спасибо

Кавычки потерял

Кавычки потерял

https://jsfiddle.net/rcnow/kspr1fsm/2/ Все равно ошибка

https://jsfiddle.net/rcnow/kspr1fsm/2/ Все равно ошибка

Метода значит нет такого

methods

S на конце

как сделать автофокус на input, который находится в div и показывается при срабатывании условия v-if? пробовал через ref, но в момент срабатвыания условия в ref пустой (в ref input доступен когда скрывается блок)

S на конце

Спасибо

как сделать автофокус на input, который находится в div и показывается при срабатывании условия v-if? пробовал через ref, но в момент срабатвыания условия в ref пустой (в ref input доступен когда скрывается блок)

На updated пробовали? Делаете проверку, есть ли в DOM этот input и отдаете фокус туда

Ну или из input делать отдельный компонент и по mounted отдавайте фокус

Ребят, мож кто знает, как в реакте получать путь роутинга? Допустим во вью this.$route.path , а там?

На updated пробовали? Делаете проверку, есть ли в DOM этот input и отдаете фокус туда

спасибо, через updated работает,

Ребят, вопрос больше к опыту разработки, чем по конкретно коду. Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?

бэкэнд на фласке, поэтому мыслю в темплэйтах

То есть, юзер приходит ко мне, я вижу, что он не залогинен и выдаю ему страницу логина и регистрации в одной, но этой отдельное vue приложение и шаблон, это нормально или не best practices?

Ребят, вопрос больше к опыту разработки, чем по конкретно коду. Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?

Тип админка? Норм

Тип админка? Норм

Ну, хранилище паролей

Мне интересно мнение )

Почему при использовании @drop.prevent="***" браузер все равно открывает файл, а если добавить @dragover.prevent то все ок ?!

товарищи, есть компонент, который хранит фильтры (1), в нет есть слот, в слот я пихаю компоненты фильтров. хочу в компоненте 1 считать количество проставленных галочек у компонентов чекбоксов, находящихся в слоте. как можно это организовать? https://i.imgur.com/C2xsjgB.png написал такой вот код, но вотчеры не работают, а компьютед срабатывает всегда, кроме инициализации приложения, когда создаются все компоненты, наверное он срабатывает до создания компонентов внутри слота, и не срабатывает, когда они появляются. если включено кэширование, то компьютед не обновляется

Считай в родительском компоненте и передавай сюда пропсами

кто может помогите советом)) продолжаю разбираться с vuex , есть action login, в нем выполняется axios.get.., как можно обработать ошибку (catch(e)) этого axios? например у меня ипользуется vue-notification, его нужно в store импортировать, или же как то в компоненте, где вызывается action, получить ошибку из axios и вывести? посоветуйте какое тут может быть решение?спасибо!

товарищи, есть компонент, который хранит фильтры (1), в нет есть слот, в слот я пихаю компоненты фильтров. хочу в компоненте 1 считать количество проставленных галочек у компонентов чекбоксов, находящихся в слоте. как можно это организовать? https://i.imgur.com/C2xsjgB.png написал такой вот код, но вотчеры не работают, а компьютед срабатывает всегда, кроме инициализации приложения, когда создаются все компоненты, наверное он срабатывает до создания компонентов внутри слота, и не срабатывает, когда они появляются. если включено кэширование, то компьютед не обновляется

cache: false нет уже

cache: false нет уже

vue 2.4.4, забыл написать

Парни, может такое быть, что в package.json указан 'vue-moment', а в компоненте написано import moment from 'moment' и ещё что-то работает

Напомню, вдруг кто ещё ответит?

Ребят, вопрос больше к опыту разработки, чем по конкретно коду. Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?

бэкэнд на фласке, поэтому мыслю в темплэйтах

То есть, юзер приходит ко мне, я вижу, что он не залогинен и выдаю ему страницу логина и регистрации в одной, но этой отдельное vue приложение и шаблон, это нормально или не best practices?

Считай в родительском компоненте и передавай сюда пропсами

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

Парни, может такое быть, что в package.json указан 'vue-moment', а в компоненте написано import moment from 'moment' и ещё что-то работает

может, потому что moment установлен же в node_modules, но зачем он вам, когда можно просто moment поставить — непонятно

может, потому что moment установлен же в node_modules, но зачем он вам, когда можно просто moment поставить — непонятно

Спасибо. Разбираюсь в чужом коде.

может, потому что moment установлен же в node_modules, но зачем он вам, когда можно просто moment поставить — непонятно

я так понял, что vue-moment заюзан для готовых фильтров, в остальном, в коде, используется чистый moment

я вообще фильтрами не пользуюсь)

кто может помогите советом)) продолжаю разбираться с vuex , есть action login, в нем выполняется axios.get.., как можно обработать ошибку (catch(e)) этого axios? например у меня ипользуется vue-notification, его нужно в store импортировать, или же как то в компоненте, где вызывается action, получить ошибку из axios и вывести? посоветуйте какое тут может быть решение?спасибо!

я создавал отдельный инстанс ахиоса и в нем запихивал обработку ошибок ответа

я вообще фильтрами не пользуюсь)

а как же в таблице отобразить данные в измененном виде?

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

Понял

Так, вопрос, я вот долго изпользую pug в качестве шаблона, и возник вопрос, а не увеличивает ли это размер бандла? Пагу ведь тоже нужно отработать прежде чем бандл собирать, значит есть функция комилятора пага... Или же я не парв?

Так, вопрос, я вот долго изпользую pug в качестве шаблона, и возник вопрос, а не увеличивает ли это размер бандла? Пагу ведь тоже нужно отработать прежде чем бандл собирать, значит есть функция комилятора пага... Или же я не парв?

Не парв.

Так, вопрос, я вот долго изпользую pug в качестве шаблона, и возник вопрос, а не увеличивает ли это размер бандла? Пагу ведь тоже нужно отработать прежде чем бандл собирать, значит есть функция комилятора пага... Или же я не парв?

сначала паг компилирует template, потом вуй собирает бундль

Так, вопрос, я вот долго изпользую pug в качестве шаблона, и возник вопрос, а не увеличивает ли это размер бандла? Пагу ведь тоже нужно отработать прежде чем бандл собирать, значит есть функция комилятора пага... Или же я не парв?

Он увеличивает размер node_modules на компе) но на итоговом бандле не будет сказываться

Я уже осознал, почему так не правильно думал. Просто когда я использовал vue-class-component бандл вырос на 35 призентов, вот я и подумал что с темплейтом так же, но потом вспомнил, что я же не импортирую его, в отличии от vue-class-compoenеnt, и вебпак не знает о паге - как о модуле, только как о лоадере. Спасибо что отписали)

Есть 2 child компонента, которые находятся в одном родительском. Я хочу менять дату из одного ребенка в другом. Как мне это сделать правильно? 1.Пропсы от перента, и делать эмит. 2.Vuex? Или может есть еще какой способ? буду рад услышать его, можно линком

>1.Пропсы от перента, и делать эмит именно так

Vuex если не подключен, то слишком жирно его тащить для таких мелочей

это понимаю а больше способов нет?

Нет.

спасибо

https://ru.vuejs.org/v2/guide/components.html#Коммуникация-между-компонентами-не-связанными-иерархически

но это если компоненты не родственные

народ доброго времени суток, нужно подсказка от умных людей

<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>

Почему то функция toggle возвращаяет 0 или 1, вместо true и false

но это если компоненты не родственные

вот это прикольно, я думал что-то похожее есть у родителя, как общая дата

@godevru, а почему не писать, например this.value = !this.value?

а ты ^ убери))

@godevru, а почему не писать, например this.value = !this.value?

Блин!!! Спасибо!!))))

Помогло)

Спасибо пацаны)

А нет ли отдельного чата по nuxt.js?

А нет ли отдельного чата по nuxt.js?

Тут спрашивают

Уу

Уу

Что у то?

?

Это бот походу

Он время от времени "ухает"

))

Меня уже знают)

А нет ли отдельного чата по nuxt.js?

https://t.me/nuxtjs

Но там малость тухло))

полно чатов в дискорде гиттере

Народ, а кто знает, есть ли реализация ssr для vue на php? Вроде я слышал, что для laravel есть реализация...

Просто nuxt не выдерживает нагрузки на over 1000 rps

Кому нужен nuxt когда ssr и без него не сложно сделать

Ок, хорошо, nuxt - отдельный разговор

пните меня, если что, но зачем ssr для подобных случаев?

это всё уникальные страницы, которые прямо должны быть получены каждый раз заново и через ssr?

Каких случаев?

Но в целом нода показывает себя плохо при такой нагрузке