Vue.js 链接到页面的特定部分-Vuejs

我有一条建立的路线，它在链接的末尾正确地附加了

#fans

http://localhost:3000/.../community#fans

我还在下面的代码（第三行）中为

风扇设置了
id

1） 即使在单击按钮时正确填充了链接（地址栏中的地址是如上所示的地址），它实际上也不会转到id
为fans
的页面部分

2） 但是如果我去
http://localhost:3000/.../community
首先，然后在链接的末尾键入
#fans
，这样就行了。如果我删除
id
，
#fans
不起作用，因此我认为下面的代码可以

考虑到#2，我不理解为什么#1是一个问题，特别是因为有效的链接与为按钮生成的链接相同。是否有一个原因，为什么它在手动输入id标签时工作，而在生成id标签时不工作

<panelWithTopTitleAndOptionalTopButton 
    class="panelWithCards our-fans" 
    id="fans"
    :class="{ hasNoCards: !fans || !fans.length }" 
    :name="fansTitle" 
    v-if="!!fansTitle">

    <transition-group name="list" tag="div">
        <memberCard class="card fan"
            v-for="fan in fans"
            v-if="!!fan"
            :card="fan"
            @delete-member="onDeleteMemberPosition"
            type="fans"
            :key="fan.key" />
    </transition-group>
    <div 
        v-if="showLoadMoreButton" 
        class="load-more" 
        @click="loadMore"
    >LOAD MORE</div>
</panelWithTopTitleAndOptionalTopButton>


加载更多
您是否使用
vue路由器
进行路由？如果是这样，您使用的是什么模式：历史记录还是哈希？您能给我们提供
loadMore
函数吗？@vahdet-看起来没有为路由器进行显式配置，这意味着它的“哈希”。根据文档，它听起来应该可以工作？要清楚，是的，正在使用vue路由器，但没有在任何地方配置，因此站点使用默认选项