Vue.js 如何在普通vue中创建Framework7侧面板？

我正在使用Vue+F7

是否可以在Vue中创建新的

侧面板

，根据我的场景，我需要一些东西，例如当应用程序打开时，第一页将附带一个

左侧面板

。现在，当用户登录时，我需要另一个侧面板，而不是第一个，因为我想放置的内容是不同的

如果可能，有人能告诉我如何在example.vue中创建该面板吗

---

谢谢

您可以简单地制作两个面板，并根据

loggedIn

布尔值有条件地显示它们。有了v-show，这很容易。看看这些：

---

您可以简单地制作两个面板，并根据

loggedIn

布尔值有条件地显示它们。有了v-show，这很容易。看看这些：

---

您可以创建一个组件，在其中发送带有菜单数据的Json

例如：

{[    
    {"name":"name_route1", "route":"@/miRuta1.vue"},
    {"name":"name_route2", "route":"@/miRuta1.vue"},   
    {"name":"name_route3", "route":"@/miRuta1.vue"}  
]}

---

这样，您将拥有相同的组件（您将使用相同的面板），但您将动态地传递它将要装载的元素。

您可以创建一个组件，在其中发送带有菜单数据的Json

例如：

{[    
    {"name":"name_route1", "route":"@/miRuta1.vue"},
    {"name":"name_route2", "route":"@/miRuta1.vue"},   
    {"name":"name_route3", "route":"@/miRuta1.vue"}  
]}

---

这样，您将拥有相同的组件（您将使用相同的面板），但您将动态地传递它将要装载的元素。

现在如何更改面板的内容？现在如何更改面板的内容？