vue 頁面里如何點擊a標簽后不改變路由?

a標簽有段落錨點，就是點擊一下會跳到當前頁面的指定段落，問題就是點擊a標簽后，頁面的路由會改變，如果這時刷新頁面，頁面就會丟失，因為當前路由已被改變成a標簽綁定的段落錨點，而不是正規(guī)注冊的路由，請問有什么方法解決么？
示例代碼：

<template>
    <aside>
        <nav>
            <a href="#abc">abc</a>
        </nav>
    </aside>
    <section id="abc">abc</section>
</template>