vue实现锚点定位

<button @click="returnTo">定位到A</button>//点击按钮定位定位相应数据

<div ="id">点击returnTo按钮定位到此div内容</div>

returnTo() {

 document.querySelector("#id").scrollIntoView();

}

注意：以下是容易出错的细节

document.querySelector("#" + id).scrollIntoView();//这个方式不支持number类型数据，因为这种方式匹配的第一个元素不能是数字

document.getElementById(id).scrollIntoView(true);//这种方式支持number类型数据

夸页面锚点定位需要注意的细节：通过子父组件传递将id信息传到需要定位的页面在执行锚点定位方法

returnTo() {

 document.querySelector("#id").scrollIntoView();

}