单页面锚点跳转:
<a href="#abc">点击跳转</a>
......
<div id="abc">将要跳转到这里</div>
跨页面锚点跳转:
a页面
<div class="navigation" @click="toAim">
跳转到b页面
</div>
toAim(e) {
localStorage.setItem('anchorId', `demo${e}`);
this.$router.push({
name: 'b' // 跳转页面的name,如果目标位置内容是组件则name是父组件的name
});
},
b页面
created() {
this.getLocal();
},
methods:{
getLocal() {
const select = localStorage.getItem('anchorId');
const elm = document.getElementById(select);
if (select) {
elm.scrollIntoView(true);
}
},
}