我正在与Vue和Laravel一起工作，并且试图为可滚动的水平容器提供一些用于导航的点。我不能使用任何jQuery或外部包或组件-我要的只是纯JavaScript和CSS。
我正在显示一个div列表，其中包含可以选择的文本区域和图标。本质上，我想拥有一个几乎完全类似于以下示例的内容：https://jsfiddle.net/darcher/dLmyhgzq/249/，但是我的div（我已将其命名为message）的形式是这种形式（显然是伪代码）
<div v-for(every 3 message in messages)>
<navigation-dot></navigation-dot>
</div>
..，但在可能的情况下不使用scrollspy（我的div中没有href或链接，因此我想尝试一种不涉及href的替代解决方案，如果可以的话）。另外，我的列表包括在运行时添加或删除div的选项，因此导航点（以及所有href / ID）必须每次都更新。
我正在使用引导程序，并尝试了<b-carousel>，但是它出现故障了，不是我要寻找的解决方案（如演示中一样，我并排放置三个项目，没有页面/幻灯片中断，而且我在网上找不到任何多项目<b-carousel>示例）。
有人知道对这种解决方案进行编码的任何非jquery解决方案吗？任何指导将不胜感激，因为我一直在寻找水平导航实施方案。谢谢。