1.用hover切换页面 ,click跳转到更多
2.先调接口获取到国家政策和地方政策的数据,定义两个变量接收返回的数据
3.在mounted中调用hover触发的方法
最后献上代码(只要将拿到的值赋值给newData就行了)
nextTick(){
this.$nextTick(() => {
this.$refs.navTabs.$refs.nav.$nextTick(() => {
// 此时tab的nav才渲染dom 否则拿不到el-tabs__item
var target = document.getElementsByClassName("el-tabs__item");
let that = this;
for (let i = 0; i < target.length; i++) {
target[i].addEventListener("mouseover", () => {
that.$refs.navTabs.handleTabClick(1, String(i));
if(i==0){
that.newData=that.countryData
console.log("this.countryData",that.countryData)
}else if(i==1){
that.newData=that.localData
console.log("this.localData",that.localData)
}
});
}
});
});
},