关于锚点跳转

点击的锚点列表

 <a href="#标题1">点我跳到标题1</a>
 <a href="#标题2">点我跳到标题2</a>
 <a href="#标题3">点我跳到标题3</a>

要跳转过去的位置
方式一：
a 链接可使用name：name的值要与锚点列表的href中#后面的值相对应

<a name="标题1" href="#">我是标题1</a>
标题1下的内容
<a name="标题2" href="#">我是标题2</a>
标题2下的内容
<a name="标题3" href="#">我是标题3</a>
标题3下的内容

方式2:
其他标签使用id：id的值要与锚点列表的href中#后面的值相对应

<div id="标题1">我是标题1</div>
标题1下的内容
<div id="标题2">我是标题2</div>
标题2下的内容
<div id="标题3">我是标题3</div>
标题3下的内容

----------------------------------------分割线-------------------------------------------

后来发现使用上述方法会发现：路由后面会加上 #标题x

显然不对

应该使用js方法实现锚点链接：

//当然也不是必须a链接写点击事件，在div上点击事件也可以
<a @click.prevent="anchor('标题1')">点我跳转到标题1</a>
<div @click.prevent="anchor('标题1')">点我跳转到标题1</div>

<div id="标题1">标题1</div>

const anchor = (anchorName) => {
      /*找到锚点*/
      let anchorElement = document.getElementById(anchorName);
      /*如果对应id的锚点存在，就跳转到锚点*/
      if(anchorElement) {
         anchorElement.scrollIntoView();
      }
}