Javascript Vue Js切换树状级联下拉列表

我对切换[像这样]有意见。[1]

当我单击每个加号时，api将从父级生成子级数据。像一个级联下拉列表，但我想切换所有与按钮

当我尝试它时，我的切换只打开两个级别，不会影响每个级别

我不知道为什么会这样

让我解释一下切换按钮应该如何工作：

当我单击展开按钮时，所有第一个/父元素都会向我的api发送一个请求。我在组件请求中观察“firstdata parameter”，发送到api，然后所有数据都来自我的api并填充相关变量

然后我有第二个状态变量用于触发子级/子级

当请求完成时，我将下一级状态变量设置为true。内部的下一个组件监视此变量以获取请求，但这无法正常工作

很抱歉英语不好，我希望我能说出我的问题

谢谢

一级代码

观察：{
托格里尔：{
处理程序（切换器）{
控制台日志（“触发站”）；
this.getStations（）.then（resp=>{
如果（触发器==true）
{
控制台日志（切换器）；
此.$store.commit（'Vehicle/setToggleAllGroup'，true）
}
});
}
}
},
方法：{
getStatus（状态）{
返回状态（状态）
},
异步getStations（）{
如果（此项已切换）{
this.toggled=false
返回；
}
等待此。$store.dispatch（'Vehicle/getCounts'，{type:'status'，param:this.status.\u id}）
this.toggled=true
},
}

mdi plus
减mdi
{{getStatus（status.\u id）}
{{status.count}}
{{（（100*status.count）/totalVehicleAmount.toFixed（2）}

您是否可以创建一个示例来演示您的问题？这样调试会容易得多。不幸的是，我不能分享一些代码。