兄弟交流

如何解决兄弟交流

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

enter image description here

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

解决方法

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