javascript中的条件问题

有人能帮忙吗？我创建了一个tab step组件，但在进入下一步时遇到了问题，我创建了一个方法，用于单击下一步的“下一步”按钮，但它忽略了条件并进入最后一步。我的代码：

你好，有人能帮忙吗？我创建了一个tab step组件，但在进入下一步时遇到了问题，我创建了一个方法，用于单击下一步的“下一步”按钮，但它忽略了条件并进入最后一步。我的代码：

verifytabscoherence（）{
this.enabledTabs=[]；
此.enabledTabs.push（
{title:this.tabstepItem[0]。title，图标：this.tabstepItem[0]。图标，内容：this.tabstepItem[0]。图标，启用：this.tabstepItem[1]。启用=true，选中：this.tabstepItem[1]。启用=true}
);
此.enabledTabs.push(
{title:this.tabstepItem[1]。title，icon:this.tabstepItem[1]。icon，content:this.tabstepItem[1]。content，enable:this.tabstepItem[1]。enable，selected:this.tabstepItem[1]。selected}
);
if（this.customFilter.enableStation）{
此.enabledTabs.push(
{title:this.tabstepItem[2]。title，图标：this.tabstepItem[2]。图标，内容：this.tabstepItem[2]。内容，启用：this.tabstepItem[2]。启用，选中：this.tabstepItem[2]。选中}
);
}
if（this.customFilter.enableUser）{
此.enabledTabs.push(
{title:this.tabstepItem[3]。title，icon:this.tabstepItem[3]。icon，content:this.tabstepItem[3]。content，enable:this.tabstepItem[3]。enable，selected:this.tabstepItem[3]。selected}
);
}
if（this.customFilter.enableAccess）{
此.enabledTabs.push(
{title:this.tabstepItem[3]。title，icon:this.tabstepItem[4]。icon，content:this.tabstepItem[4]。content，enable:this.tabstepItem[4]。enable，selected:this.tabstepItem[4]。selected}
);
}
if（this.customFilter.Companys）{
此.enabledTabs.push(
{title:this.tabstepItem[3]。title，icon:this.tabstepItem[5]。icon，content:this.tabstepItem[5]。content，enable:this.tabstepItem[5]。enable，selected:this.tabstepItem[5]。selected}
);
}
if（this.customFilter.Customers）{
此.enabledTabs.push(
{title:this.tabstepItem[3]。title，icon:this.tabstepItem[6]。icon，content:this.tabstepItem[6]。content，enable:this.tabstepItem[6]。enable，selected:this.tabstepItem[6]。selected}
)
}
if（this.customFilter.Sections）{
此.enabledTabs.push(
{title:this.tabstepItem[7]。title，icon:this.tabstepItem[7]。icon，content:this.tabstepItem[7]。content，enable:this.tabstepItem[7]。enable，selected:this.tabstepItem[7]。selected}
)
}
解决日期（）{
const myDateStart=新日期（this.dateStart）；
const myDateEnd=新日期（this.dateEnd）；
const myDateStartCompare=新日期（this.dateStartCompare）；
const myDateEndCompare=新日期（this.dateEndCompare）；
if（this.dateStart&&this.dateEnd）{
返回true；
}else{return false；}
}   
停车场（）{
const mycar=this.car.filter（car=>car.checked==true）；
如果（mycar.length>0 | | this.selectedGroupsTree.length>0）{
返回true；
}
else{return false；}
}
(){
const myStation=this.stations.filter（stations=>stations.checked==true）；
如果（myStation.length>0）{
返回true；
}
else{return false；}
}
resolveTabItem（indexTo:number，validateTo:boolean）{
this.enabledTabs[indexTo].enable=validateTo；
this.enabledTabs[indexTo].selected=validateTo；
}
nextTab（）{
if（this.resolveDate（））{
此.resolvetab项（1，true）；
}else if（this.resolveCarpark（））{
此.resolvetab项（2，true）；
}
}

您需要实现某种基于索引的系统来告诉您的逻辑它应该停在哪个选项卡上

然后，您将传入用于导航到下一个选项卡的索引..nextTab（0）以启用第一个选项卡，nextTab（1）以启用第二个选项卡

nextTab(index){

        if ( this.resolveDate() && index==0) {
            this.resolveTabItem(1, true);

        } else if  ( this.resolveCarpark() && index==1) {
            this.resolveTabItem(2, true);

        }
}

---

你说它前进到最后一个选项卡是什么意思？看起来你只有两个选项卡？第一个和第二个索引。对不起，我刚刚删除了它。事实上，有四个选项卡，当它是第一个索引并单击转到下一个索引时，它会转到最后一个索引。很可能你的功能是这样的，这个。resolveCarpark（）在这种情况下，除了最后一个之外，没有返回true。您确定它们返回true吗？然后它返回true，激活选项卡并转到选项卡的最后一个索引。我认为这与ifok有关。现在我看到您的代码有一些奇怪的地方。在您的resolveTabItem（）中它将只启用下一个选项卡。因此，当代码通过nextTab（）的if-else时，每个选项卡都将被启用并继续，直到最后一个选项卡。