使用next / Vue.js在b下拉项中带锚的链接

Question

我不能在b-nav-item-dropdown中创建带有b-dropdown-item的锚点链接。

<b-nav-item-dropdown text="Le magasin de Saint Didier" toggle-class="nav-link-dropdown" right>
<b-dropdown-item to="/magasin-saint-didier">Le magasin</b-dropdown-item>
<b-dropdown-item to="/magasin-saint-didier#les-horaires">Les horaires</b-dropdown-item>
<b-dropdown-item to="/magasin-saint-didier#le-salon-de-the">Le salon de thé</b-dropdown-item>
</b-nav-item-dropdown>

它不工作

Answer 1

如文档所示，您可以将对象传递给toprop。

试试用

<b-dropdown-item :to="{ name: 'magasin-saint-didier', hash: '#les-horaires', replace: true }">Les horaires</b-dropdown-item>

使用replace将确保即使你已经在相同的路径上，整个事情也能正常工作。