电商网站 首页三级分类的分类检索 vue前端关键代码

goSearch(event){
	//event.target:获取到的是发出事件的元素（div,h3,a,em,dt,dl）
	let node=event.target;
	//给 a 标签添加自定义属性data-categoryName,全部的子标签钟只有 a 标签带有自定义属性，别的标签名字--dataset纯属扯淡
	let {categoryName,category1id,category2id,category3id}=node.dataset;
	//点击的到底是不是 a 标签(只要这个标签身上带有categoryName)一定是 a 标签
	//当前这个if 语句：一定是a 标签才会进入
	if(categoryname){
		let location={name:'search'};
		let query={categoryName:categoryname};
		if(category1id){
			query.category1id=category1id
		}else if(category2id){
			query.category2id=category2id
		}else{
			query.category3id=category3id
		}
		//判断：如果路由跳转的时候，带有 params 参数，一起稍带过去
		
		if(this.$route.params){
			location.params=this.$route.params;
			location.query=query;
			this.$router.push(location)
		}
		
	}
}



//首页组件的跳转方法

goSearch(){
	//代表的是 如果有 query 参数也带过去
	if(this.$route.query){
		let location={name:"search",params:{keyword:this.keyword||undefined}};
		location.query=this.$route.query;
		this.$router.push(location)
	}
}