这种情况的话,一旦刷新当前浏览器,就会跳转到404页面
如果直接使用href跳转id的形式,会更改浏览器url,刷新就会无法识别路由。
解决方案:
取消href,把href属性删掉,改用js进行锚点跳转,附上代码:
<el-link :underline="false" @click.native='skip(index)'>
锚点跳转
</el-link>
skip(){
//此处的id改为实际项目的id
let el = document.getElementById('test');
//获取目标要锚点跳转的div
let st = document.getElementById(i);
//将该div的高度赋给当前浏览的滚动条高度
el.scrollTop = st.offsetTop-50;
//上面的-50,可以根据自己项目实际设置
},