vue单页面跳转锚点及跨页面跳转锚点

单页面跳转锚点

<div @click="jump('#port'+index)">了解详情</div>
<div :id="'port'+index">

<srcipt>
export default{
	methods:{
		jump(selector){
            let anchor = this.$el.querySelector(selector);
            anchor.scrollIntoView();
        }
	}

}
</script>

跨页面跳转

//a页面跳转入口
<router-link to="/qu?port=port1"></router-link>

//b页面锚点及方法
<div :id="'port'+index">

<srcipt>
export default{
	 mounted(){
	 //获取URL中参数
        let port = this.$route.query.port;
        if (port){
            let selector = "#"+port;
            //页面还在渲染,不能使用scrollIntoView(),所以设置延时等渲染完成
            setTimeout(() => {
                this.jump(selector)
            },500)


        }
    },
	methods:{
		jump(selector){
            let anchor = this.$el.querySelector(selector);
            anchor.scrollIntoView();
        }
	}

}
</script>