кнопки разного размера так и задуманы?

ребята

селектор > в CSS же менее ресурсоемкий, нежели простая вложенность?

Конечно

Проверок ведь на N меньше

Только, ты уверен, что тебе оно нужно?

Или у тебя новый спор с шарпистом?

Завязывай с ним )

Кто знает, lazy load & infinite scroll надо прикручивать к vue или без него можно обойтись?

кнопки разного размера так и задуманы?

За дизайн чур не бить)

Я не умею в него

Только, ты уверен, что тебе оно нужно?

я стили для себя набрасываю

часто юзаемые

+ не хочу, чтобы какой-нибудь .name на 10й вложенности перекосился, потому что лежит не в том родителе

написал хуйню, но думаю, ты понял суть

+ не хочу, чтобы какой-нибудь .name на 10й вложенности перекосился, потому что лежит не в том родителе

предпочитаю уточнять что за .name, чтобы избегать таких вещей

по бэму вообщем

или если там Vue, то scoped стили?

Ребята, нубский вопрос, не могу сообразить: у меня есть компонент App, в нем лежат Header и несколько Modal. В Header лежат кнопки, по клику на которые я хочу показывать Modal, которые лежат в родительском компоненте. Вопрос: как это правильно сделать?

Чтобы показать модальное окно, мне нужно в Modal:

сделать свойство isVisible = true;

Закрыть — понятно как:

я понимаю так: из Header нужно вызывать метод onShowModal, в котором передавать например имя окна, которое хочу показать

там эмитить событие, что нужно открыть окно с таким-то именем

а как правильно тогда записать это в родительском компоненте, чтобы из него передать в modal?

Т.е. передавать в потомка пропсы?

Т.е. передавать в потомка пропсы?

Блин, https://repl.it

Извините, просто много всего

Вот поэтому и

Зачем ты handler'ы c on начинаешь? Я б их с do скорее начал. on - для listener

Ага, спасибо за совет

А в repl.it можно несколько файлов закинуть?

Я что-то не вижу

Я что-то не вижу

Я тоже не сразу спалил

@bautrukevich в компоненте делаешь this.$emit('smth', value), а в родителе делаешь <my-component @on:smth='foo'>

@bautrukevich в компоненте делаешь this.$emit('smth', value), а в родителе делаешь <my-component @on:smth='foo'>

Т.е. например в Header, по нажатию на кнопку: <button @click="showModal('press')"> Пресс-релиз </button> Я вызываю метод: methods: { showModal(name) { this.$emit('show', name); } } И в самом компоненте, где я его вставляю: <main-header @on:show="onShowModal"> data() { return { modal: { info: false, add: false, contact: false, login: false, signUp: false, menu: false, press: false, profile: false, } } }, methods: { onShowModal(name) { this.modal[name] = true; } } Так?

А че сразу @click="$emit('show', 'press')" Получится?

А че сразу @click="$emit('show', 'press')" Получится?

Можно и так наверное

А в modal через props передаю: <modal visible="modal.info"> В компоненте modal: <div class="modal" v-bind:class="{ modal_is_visible: isVisible }"> export default { name: 'modal', props: ['visible'], data() { return { isVisible: this.visible, } }, methods: { closeModal() { this.isVisible = false; } } }

Ну вроде

будет ругаться что ты пытаешься изменить входящий props.

а, сорян )

А в modal через props передаю: <modal visible="modal.info"> В компоненте modal: <div class="modal" v-bind:class="{ modal_is_visible: isVisible }"> export default { name: 'modal', props: ['visible'], data() { return { isVisible: this.visible, } }, methods: { closeModal() { this.isVisible = false; } } }

Ну и че?

по бэму вообщем

Я по-другому делаю

не пашет

Я по-другому делаю

Ты спать пошел

тогда пили в онлайн, посмотрим

Ты спать пошел

Я с телефона сижу

В кроватке

Там про стили вопрос был)

Там про стили вопрос был)

Ой пардон

тогда пили в онлайн, посмотрим

Опять пили онлайн )))

У меня почему-то нету там иконки добавить файл : (

ERROR: S client not available

Сек

Я сейчас в репо залью

Режим смени

а у тебя в родительском компоненте visible есть? который modal.info ? или он в header ?

Есть же prop.sync

И не будет ругаться

И костылей не надо

Есть же prop.sync

его можно менять?

https://github.com/bautrukevich/temp

Да о.о

Вот что у меня сейчас

Да о.о

Давно?

Давно?

Так давно, что его уже успели убрать и вернуть обратно

Так давно, что его уже успели убрать и вернуть обратно

Выходит LinusBorg мне напиздел

Выходит LinusBorg мне напиздел

Выходит)

Пошел в slack. Ща пиздюлей получит

В общем, беда в том, что триггеры у меня лежат в Header, а модальных несколько

header и modal лежат в app

и как правильно из header прокинуть событие наверх, чтобы потом передать как-то инфу в modal

События толь вверх

<App> <Header> <Modal> <Modal> <Modal> </App>

Таки да

По рефу

Или через апп

Через апп

А как через ref?

Создаешь там showingModal

Как раз только 1 модал может быть показан

По рефу - это не то

Имя там хранить. Понял?

<modal visible="modal.info"> - <modal :visible="modal.info"> не спасет?

Сейчас попробую