【vue】如何跳转路由到指定页面位置

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/yujing1314/article/details/102754728

项目有一个需求，点击导航栏进入该页面时，进入指定的位置，刚开始用的绝对位置，没有考虑到不同的显示器，后来经过大佬的计算，实现了此功能。

.js

<script>
//获取浏览器高度
data() {
    return {
height: `${document.documentElement.clientHeight}`,}
}

//后端会给一个值，来确定浏览器需要跳转到哪个位置，4个位置在正常的显示屏需要跳转的高度分别为，260,380,495,715
//此方法放置在页面加载时间中
		 if (vm.two == 1) {
            vm.y = 260 - (937 - vm.height) / 7.8;
          }
          if (vm.two == 2) {
            vm.y = 380- (937 - vm.height) / 7.8;
          }
          if (vm.two == 3) {
            vm.y = 495 - (937 - vm.height) / 7.8;
          }
          if (vm.two == 4) {
            vm.y = 715 - (937 - vm.height) / 7.8;
          }
          //跳转到该位置
          window.scrollTo(0, vm.y); 
</script>

效果

进来就跳转到该位置，切换小屏也可以

成功！