I have a nav bar structured as follows:
<template>
<div>
<div>
<ul>
<li>
<a href = "#contact">Contact</a>
</li>
<li>
<a href = "#toAbout" >About</a>
</li>
<li>
<a href = "#toProperties">Properties</a>
</li>
<li>
<a href = "#toHome">Home</a>
</li>
</ul>
</div>
<div style="height: 1000px">
</div>
<p id="contact">
Contact
</p>
<p id="toAbout">
About
</p>
<p id="toProperties">
Properties
</p>
<p id="toHome">
Home
</p>
</div>
</template>
<script>
</script>
<style>
</style>
Run Code Online (Sandbox Code Playgroud)
如果我在 Chrome 中单击锚点,它工作得很好,但 FF/Safari 需要双击(第一次单击将 URL 更改为 /home#id,第二次单击将它们带到 id。
基本 HTML ( https://jsfiddle.net/370bvmb5/1/ )的小提琴正在工作,所以我猜这是一个 Vue-Router …