Question

我有一条构建的路由，可以正确地在链接的末尾附加#fans ...

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

在下面的代码（第三行）中，我还为id设置了fans

1）即使单击按钮时链接已正确填充（地址栏中的地址是上面显示的地址），它实际上并不会转到ID为fans的页面部分

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

鉴于＃2，我不明白为什么＃1是个问题，尤其是因为有效的链接与为按钮生成的链接相同。

手动输入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>

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

0 个答案: