我想重新加载我的边栏组件（vue js+；laravel）

有没有办法从其他vue组件重新加载侧栏组件？ 我在侧边栏得到了一个菜单标签，它将显示处于待定状态的订单数量。因此，每当我将状态从“挂起”更改为“其他”时，我都希望更新侧栏菜单标签

例如，当我单击提交或SalesOrder.vue中的某个按钮时，我想重新加载侧栏

组件代码示例：

export const Routes = [
{
        path: '/admin',
        components: { default: ThemeContent, header: ThemeHeader, sidebar: ThemeSidebar, footer: ThemeFooter },
        children: [
            { path: 'dashboard', component: DashboardAdmin },   
            { path: 'salesorder', component: SalesOrder},   
],
meta: { requiresAdmin: true }
},

---

您可以将第一个侧边栏与外部组件分开，将第二个侧边栏与其他组件分开。然后将这两个组件包括到侧边栏块中，并在需要时隐藏/显示它们

<sidebar>
  <first-sidebar :trigger="boolean"></first-sidebar>
  <second-sidebar :trigger="boolean"></second-sidebar>
</sidebar>

然后在第一个侧栏组件中

<template>
  <div v-if="trigger">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  props: ['trigger']
}
</script>

<template>
  <div v-if="!trigger">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  props: ['trigger']
}
</script>

导出默认值{
道具：['trigger']
}

最后是第二个边栏组件

<template>
  <div v-if="trigger">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  props: ['trigger']
}
</script>

<template>
  <div v-if="!trigger">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  props: ['trigger']
}
</script>

导出默认值{
道具：['trigger']
}

感谢大家对我的帮助，我找到了一种使用总线事件vuejs从一个组件交互到另一个组件的方法。

---

示例组件代码在路线中。js通过重新加载侧栏，您的意思是要发出ajax请求以获取最新订单数据吗？例如，Hi Digital Driver，有一个待处理订单，这将在侧栏菜单中显示一个。当我将订单从挂起更改为已交付并提交时，我希望侧栏menuLabel从1更新为零，因为menuLabel显示了挂起订单的数量。我的示例代码在这里，谢谢我的理解，但您有任何示例我可以参考吗？我的示例代码在这里，您已经有侧栏组件。现在您需要具有第二个侧栏的组件。我不知道你的第二个边栏在哪里。选中此项查看如何隐藏/显示组件HMM…确定。那么在我创建第二个侧边栏之后，我应该怎么做呢？