vue.js - 兄弟姐妹交流
问题描述
我使用 Bootstrap-Vue b-container、5 b-rows 和 7 b-cols 创建了一个简单的日历应用程序。每个单元格是一天。在该单元格中是名为 Day 的子组件。每天都有一个显示该单元格日期的日期组件。每天可以有 0 个或多个支付组件。单击支付组件时，该组件中的数字会突出显示，如下面的右侧单元格所示：
单击其他单元格时，我需要从原始付款中删除突出显示，然后突出显示新单击的付款。如何确定需要移除突出显示的支付组件？
解决方案
不确定这是一个编码问题，感觉更像是应用程序设计。但如果我是你，我会在父 Vue 元素中有一个“selectedDay”属性，它指向突出显示的单元格。然后我会在子元素中引发“点击”或“选择”事件。在父级中，您可以将一个方法连接到子级引发的事件并采取相应的行动。