html - 谁能解释为什么 Bootstrap 按钮会导致滚动链接定位效果警告？

Question

这是我得到的错误：

该站点似乎使用了滚动链接的定位效果。这可能不适用于异步平移；

我终于找到了为什么会这样。这是由 vue 组件中的 Bootstrap 按钮引起的。

<!-- begin snippet: js hide: false console: true babel: false -->
    
<!-- language: lang-css -->

<button
 class="btn btn-primary dropdown-toggle"
 type="button"
 id="dropdownMenuButton1"
 data-bs-toggle="dropdown"
 aria-expanded="false"
>
 Select Build List
</button>

<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
 <li>
  <router-link to="link">Link</router-link>
 </li>
</ul>        

目前，我的解决方案是摆脱它。我也尝试为最新版本安装 bootstrap@next，但这是同样的问题。

但是，它根本无法解释为什么会出现问题。我只是想了解为什么会发生这种情况。

标签： htmlcssvue.jsbootstrap-4