Size: a a a

Vue.js Russian Developers Community

2020 June 13

ML

Max Lomov in Vue.js Russian Developers Community
например у тебя модалка
источник

ML

Max Lomov in Vue.js Russian Developers Community
она в блоке, там кнопка закрыть
источник

ML

Max Lomov in Vue.js Russian Developers Community
а вот контент модалки в слот и закидывается
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
А нельзя этот контент в компоненту просто обернуть? И импортить отдельно в родительский компонент
источник

ML

Max Lomov in Vue.js Russian Developers Community
а если у тебя 30 видов контента:
источник

ML

Max Lomov in Vue.js Russian Developers Community
?
источник

ML

Max Lomov in Vue.js Russian Developers Community
городить компонент модалки на 10 мегабайт?))
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
Хмм
источник

ML

Max Lomov in Vue.js Russian Developers Community
ну или iframe например
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
Ааа, пончл
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
Понял»
источник

ML

Max Lomov in Vue.js Russian Developers Community
слот чтобы отделить содержимое от контента без излишнего дублирования кода
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
Хм, спасибо)
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
А где эти слоты создаются? По архитектуре приложения в какую папочку складывают или его определяют в самом компоненте?
источник

ML

Max Lomov in Vue.js Russian Developers Community
а это уже не важно, по гайдам в папку компоненты, а внутри разделяй как хочешь, в зависимости от нужды)
источник

ДS

Дмитрий Surr in Vue.js Russian Developers Community
Понял, спасибо!
А то иногда читаю документацию и немного не догоняю))
источник

AU

Anatoly Ukropov in Vue.js Russian Developers Community
Vladosik
Понял, спасибо, сейчас постараюсь другим способом, мб получится...
Да и правда и так можно. Вот рабочий вариант (https://codepen.io/onelly/pen/ExxEmWd)
<template v-slot:header.name="{ header }">
       <button>test</button>
     </template>
name это из объекта headers: {value=name} значение свойстваа value
источник

ML

Max Lomov in Vue.js Russian Developers Community
к слову базовое применение слота прям в точечку это transition компонент
источник

ML

Max Lomov in Vue.js Russian Developers Community
по сути анимация целого блока, а в блоке хоть весь мир)
источник

AD

Alex Dev in Vue.js Russian Developers Community
Tina Dumilina 🇮🇹
я понимаю это. Не понимаю, как обойти эту ошибку
добавить в определение компонента куда приходить массив if="post && post.length > 0"
источник