兄弟交流

问题描述

我使用Bootstrap-Vue b容器,5个b行和7个b-cols创建了一个简单的日历应用程序。每个单元格是一天。在该单元格中有一个称为Day的子组件。每天都有一个Date组件,显示该单元格的日期。每天可以有0个或更多的付款部分。单击“付款”组件后,该组件中的数字将突出显示,如右下方的单元格所示:

enter image description here

当单击其他单元格时,我需要从原始“付款”中删除突出显示内容,然后突出显示新单击的“付款”。如何确定哪个付款组件需要删除突出显示

解决方法

不确定这是一个编码问题,感觉更像是应用程序设计。但是,如果我是您,则在父Vue元素中会有一个“ selectedDay”属性,该属性将指向突出显示的单元格。然后在子元素中引发“单击”或“选定”事件。在父级中,您可以为子级引发的事件连接方法,并采取相应的措施。