vue+element实现锚点链接方式

    <el-row id="userManagement">
      <h1  @click="jump('userManagement')">用户管理</h1>
      <el-col :span="24">为了正常使用知产魔方，您需要在用户管理模块中，为代理所内部用户、外部用户开通知产魔方使用权限。</el-col>
    </el-row> 

export default {
	methods:{
        jump(domId){
            // 当前窗口正中心位置到指定dom位置的距离 

            //页面滚动了的距离
            let height = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; 
            
            //指定dom到页面顶端的距离
            let dom = document.getElementById(domId);
            let domHeight = dom.offsetTop;
            
            //滚动距离计算
            var S = Number(height) - Number(domHeight);

            //判断上滚还是下滚
            if(S<0){
                //下滚
                S = Math.abs(S);	//Math.abs返回一个数的绝对值		
                //window.scrollBy：把内容滚动到指定的像素数
                window.scrollBy({ top: S, behavior: "smooth" });		
            }else if(S==0){
                //不滚
                window.scrollBy({ top: 0, behavior: "smooth" });
            }else{
                //上滚
                S = -S
                window.scrollBy({ top: S, behavior: "smooth" });
            }
        }
	},
	created() {}
}

<div @mousewheel="mouseWheel"></div>
mouseWheel(e) {
if (e.wheelDelta || e.detail) {
if (e.wheelDelta > 0 || e.detail < 0) {
 // 当鼠标向上滚动时触发
}
if (e.wheelDelta < 0 || e.detail > 0) {
 // 当鼠标向下滚动时触发
}
}
}

window.scrollTo(x,y);