点击某一指定事件，跳转到当前页面指定区域，不跳转路由

最新推荐文章于 2022-09-23 13:57:33 发布

小欢！

最新推荐文章于 2022-09-23 13:57:33 发布

阅读量284

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_43377760/article/details/123581170

版权

增加一点击事件

<a><li @click="changeTab('jcb')" :class="currentTab=='jcb'?`select-btn`:`def-btn`">2222</li></a>

可以跳转页面进行操作

changeTab(tab){  //右侧定位页面指定位置
		this.currentTab = tab
		this.$refs.addForm.skip(tab)
	},

跳转位置

<div id="a1"></div>

<div id="a2"></div>

<div id="a3"></div>

methods：

skip(tab){
	if(tab == 'jbxx'){
		const returnEle = document.querySelector("#a1");  //a1是将要跳转区域的id
		if (returnEle) {
		  returnEle.scrollIntoView(true); // true 是默认的
		}
	}
	if(tab == 'zdjb'){
		const returnEle = document.querySelector("#a2");  //a2是将要跳转区域的id
		if (returnEle) {
		  returnEle.scrollIntoView(true); // true 是默认的
		}
	}
	if(tab == 'jcb'){
		const returnEle = document.querySelector("#a3");  //a3是将要跳转区域的id
		if (returnEle) {
		  returnEle.scrollIntoView(true); // true 是默认的
		}
	}
},