当我在Chrome Devtools中检查下拉菜单项时，其样式会发生变化

Question

背景

我正在开发一个使用Maisonette Bootstrap主题的早期Django + Vue网站。网站的一部分是常规Django渲染的模板，网站的一部分是单页应用程序。

我的任务是使Vue单页应用程序的导航栏与Maisonette主题中的导航栏相匹配。

问题

当我在SPA中查看导航栏下拉菜单并将鼠标悬停在其他项目上时，样式不正确；悬停时，每个下拉菜单项应具有紫色背景。而是将字体颜色更改为较亮的白色（请参见下图）：

奇怪的是，当我尝试检查Chrome Devtools中的元素时，它立即切换为使用正确的样式（请参见下图）：

此行为仅在SPA中发生；该网站的严格Django部分正确显示了下拉菜单项。

我猜怎么回事

我怀疑这与应用程序的捆绑有关，但我不确定。