#vue.js #communication #siblings
#vue.js #Информационные материалы #братья и сестры
Вопрос:
Я создал простое приложение для календаря, используя Bootstrap-Vue b-контейнер, 5 b-строк и 7 b-столбцов. Каждая ячейка — это день. Внутри этой ячейки находится дочерний компонент с именем Day. У каждого дня есть компонент даты, который показывает дату этой ячейки. Каждый день может содержать 0 или более компонентов оплаты. При нажатии на платежный компонент номер в этом компоненте выделяется, как показано в правой ячейке ниже:
введите описание изображения здесь
Когда щелкается другая ячейка, мне нужно удалить выделение из исходного платежа, а затем выделить только что нажатый платеж. Как я могу определить, какой платежный компонент нуждается в удалении выделения?
Комментарии:
1. Вам нужно передать событие родителю, а родитель передает дочерним элементам реквизиты о состоянии
Ответ №1:
Не уверен, что это вопрос кодирования, больше похоже на дизайн приложения. Но на вашем месте у меня было бы свойство «selectedDay» в родительском элементе Vue, которое указывало бы на выделенную ячейку. И тогда я бы вызвал событие «щелкнул» или «выбрал» в дочернем элементе. В родительском элементе вы можете подключить метод к событию, вызванному дочерним элементом, и действовать соответствующим образом.