vue锚点跳转

• HTML

<div class="member" ref="member">
		自己的结构、、、
</div>

• JS
  使用的前提是页面允许上下滚动
  1.scrollIntoView（Boolean）：如例 - 里面是一个布尔值 为true时 元素的顶端将和其所在滚动区的可视区域的顶端对齐； 为false时 元素的底端将和其所在滚动区的可视区域的底端对齐； （可能受结构影响显示不到最顶端）
  1.getBoundingClientRect().top：如例 getBoundingClientRect() 方法可以获取到当前元素距离相对浏览器视窗左，上，右和下分别的位置。 （.top获取到的距离赋值给document.body.scrollTop实现锚点跳转）

goMember(){
	let that = this;
	that.$refs.member.scrollIntoView(true);
	let member = that.$refs.member;
	console.log(member.getBoundingClientRect().top);
	document.body.scrollTop = member.offsetTop;
}

个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用