Vue.js 引导Vue模式的零星问题

我偶尔会遇到引导Vue模式的问题

我对Vue没有太多的经验，而且由于我与项目负责人的协议，我无法显示整个代码，而且，无论如何都会有太多的代码无法显示，因此我将解释这个问题。我希望得到一些提示，看看这个问题会是什么，因为我没有想法了。这是我的项目信息和问题：

我已经创建了一个活动日历

日历显示月份格式，每天内列出事件

我将年、月和日变量存储在Vue实例数据部分

我创建了一个设置日历的方法（

setCalendar:function（year，month

））

我使用“创建”将年、月和日设置为加载页面、初始化vue并设置日历时的当前日期

我创建了“上一个”和“下一个”按钮以及“下一个”和“上一个”函数，当单击这些按钮时，函数会相应地扣除（月--）或添加（月++），并设置年、月和日历（设置日历）

我为每个

最初加载页面时，模态的链接工作得很好，但例如，如果我单击“上一步”按钮并加载六月日历和事件，然后单击“下一步”按钮返回七月日历和事件，将有一两个七月

链接到六月模态，而七月的其余

工作得很好。因此，当我加载六月日历和事件并返回到七月日历和事件时，大约10%的七月b链接链接到六月模态，当然当我点击这些b链接时，它不会加载模态，因为模态在七月日历中不存在

我可以使用Vue开发工具看到这一点。当我点击一个不工作的

，它会链接到上个月或下个月的模式。这只会影响10%的b-link，而且只有在我加载上个月或下个月日历时才会发生

---

如果有人能告诉我是什么原因造成的，我将不胜感激。

@Bert找到了正确的答案，解决了这个难题。

---

我对所有的

b-link

s和

b-modal

s使用了unique

key

s，一切都开始正常工作。

您不必共享完整的代码，只需创建可复制的示例，只需使用最少的代码即可。你可以使用JSFIDLE或类似的服务，如果你看不到代码，就很难帮助你——不太可能有人会花一个小时或更多的时间来编写类似的代码；我不知道从哪里开始压缩这个问题。我希望有人能给我一个提示——也许能给我一个可能的线索，解释为什么只有10%的b-link链接到不同月份的情态动词，而90%的其他b-link工作正常。也许我的问题写得太多了。以“页面最初加载时…”开头的段落清楚地解释了我遇到的问题。在没有看到代码的情况下，尝试使用

键

s作为链接和模态。Vue会尽量节约并在默认情况下重用组件，但如果可以，它并不总是做出您想要的决定。组件上的一个键将阻止这种情况。非常感谢@Bert。你解决了这个问题。我对你感激不尽。我必须为b-link和b-modals添加唯一的键，这解决了这个问题。我很高兴听到这个结果！