такой момент:
У меня есть модальное окно, у которого есть title, content и actions, content - я могу передавать в модалку через пропс, но тогда как управлять состоянием кнопок (сделать их disabled пока например форма в content еще не заполнена)?
Так в этом же модальнике смотри, заполнен контент или нет
не понял <template> <div class="dialog"> <div class="title"> {{ title }} </div> <div class="content"> <slot name="content"></slot> </div> <div class="action"> <button>Save</button> <button>Close</button> </div> </div> </template>
в родителе <dialog> <template #content> <another-form></another-form> </template> </dialog>
Не понимаю как понять изменяемый? Я делаю компонент модалки, который будет использоваться для многих форм, записей и прочих вещей внутри проекта, что кто-то другой будет передавать в слот content - я не знаю Это может быть например форма, тогда мне надо показывать состояния на кнопках модалки Но из content я не могу получить доступ к кнопкам модалки, поэтому и спрашиваю какие есть другие варианты, может кто-то знает Единственное решение, которое вижу сейчас я, что компонент, который будет передавать в модалку, должен содержать в себе свои кнопки, а в компоненте самой модалки, не должно быть кнопок, но мб какие-то еще варианты есть
Если компонент не несёт ответственности за контент, зачем ему нести ответственность за кнопки и их состояние? Логично, что кнопки должны быть вместе с контентом. Может измениться не только состояние, но и их текст, цвет и даже сам набор кнопок. Так что да, они должны быть с контентом
Обсуждают сегодня