Question

我正在尝试通过v-scroll-滚动到首页中的锚，它工作正常，但是如果我从子页导航到索引页，则锚不起作用，因为该锚不在DOM中。如何解决这个问题？

<a v-for="menuItem in menuItems" :key="menuItem.id" :class="{'is-active': activeMenuItem === menuItem}" :href="menuItem.url" v-scroll-to="menuItem.url">{{ menuItem.text !== '' ? $t(menuItem.text) : '' }}</a>

menuItem.url包含锚点。

Answer 1

请参考此问题，因为这可能对您有用。
https://github.com/rigor789/vue-scrollto/issues/100

我还没有使用过vue-scrollto，但是根据这个问题，它可能可以通过以下代码来工作。

<a v-for="menuItem in menuItems" :key="menuItem.id" :class="{'is-active': 
activeMenuItem === menuItem}" :href="menuItem.url" @click="$scrollTo('#element')">{{ 
menuItem.text !== '' ? $t(menuItem.text) : '' }}</a>

VUE从子页面滚动到索引页面锚点

1 个答案: