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
где все вьюхи идут от хедераблефутерабле но несколько от своих
Anonymous
считаю оба варианта костыльными и хочу наследование, хотя такая структура очень явная и красивая нверное
Marseille
Flexo
Сделайте несколько лейаутов. Например один для логина, второй для всего остального.
Flexo
Надо больше компонентов чем только app.vue. App.vue считай просто точка входа в приложение
Alex
Есть идеи, почему вылезают ошибки? C click - это одна из
Flexo
Что за компонент такой?
Flexo
сделайте просто higher order component
Flexo
Marseille
Flexo
Кавычки потерял
Alex
Кавычки потерял
https://jsfiddle.net/rcnow/kspr1fsm/2/ Все равно ошибка
Flexo
Denis
methods
Denis
S на конце
Андрей
как сделать автофокус на input, который находится в div и показывается при срабатывании условия v-if? пробовал через ref, но в момент срабатвыания условия в ref пустой (в ref input доступен когда скрывается блок)
Alex
Denis
Denis
Ну или из input делать отдельный компонент и по mounted отдавайте фокус
Vladimir
Ребят, мож кто знает, как в реакте получать путь роутинга? Допустим во вью this.$route.path , а там?
Андрей
Anonymous
Ребят, вопрос больше к опыту разработки, чем по конкретно коду.
Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами
Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?
Anonymous
бэкэнд на фласке, поэтому мыслю в темплэйтах
Anonymous
То есть, юзер приходит ко мне, я вижу, что он не залогинен и выдаю ему страницу логина и регистрации в одной, но этой отдельное vue приложение и шаблон, это нормально или не best practices?
ℝei
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 и вывести? посоветуйте какое тут может быть решение?спасибо!
Alex
товарищи, есть компонент, который хранит фильтры (1), в нет есть слот, в слот я пихаю компоненты фильтров. хочу в компоненте 1 считать количество проставленных галочек у компонентов чекбоксов, находящихся в слоте. как можно это организовать?
https://i.imgur.com/C2xsjgB.png
написал такой вот код, но вотчеры не работают, а компьютед срабатывает всегда, кроме инициализации приложения, когда создаются все компоненты, наверное он срабатывает до создания компонентов внутри слота, и не срабатывает, когда они появляются. если включено кэширование, то компьютед не обновляется
cache: false нет уже
Alexey
Парни, может такое быть, что в package.json указан 'vue-moment', а в компоненте написано import moment from 'moment' и ещё что-то работает
Anonymous
Напомню, вдруг кто ещё ответит😊
Anonymous
Ребят, вопрос больше к опыту разработки, чем по конкретно коду.
Есть у меня SPA приложение, где юзер может делать операции CRUD над обеъктами
Нужна авторизация и регистрация, нормально ли будет сделать для всего этого отдельный шаблон с отдельным vue приложением?
Anonymous
бэкэнд на фласке, поэтому мыслю в темплэйтах
Anonymous
То есть, юзер приходит ко мне, я вижу, что он не залогинен и выдаю ему страницу логина и регистрации в одной, но этой отдельное vue приложение и шаблон, это нормально или не best practices?
Daniil P
Считай в родительском компоненте и передавай сюда пропсами
они передаются пропсами в компоненты в слотах, дело в том, что в родительском компоненте компонентов 1 будет несколько штук. тогда придется делать для каждого из них компьютед отдельный или вроде того. хотелось автоматизировать
Alex
Alexey
Alexey
Alex
я вообще фильтрами не пользуюсь)
Вольти
Alex
слот на строку таблицы или просто плагин используем, у которого своя настройка рендера ячейки
Alexey
Понял
Andriy ✙
Так, вопрос, я вот долго изпользую pug в качестве шаблона, и возник вопрос, а не увеличивает ли это размер бандла? Пагу ведь тоже нужно отработать прежде чем бандл собирать, значит есть функция комилятора пага... Или же я не парв?
Anton
Anonymous
Alex
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
Anton
@godevru, а почему не писать, например this.value = !this.value?
Grigory
а ты ^ убери))
Aндрeй
Aндрeй
Помогло)
Aндрeй
Спасибо пацаны)
Aleksandr
А нет ли отдельного чата по nuxt.js?
Alex
дima
Уу
CherryTea