如何在正常的vue中创建Framework7侧面板？

Question

我正在使用Vue + F7。

是否可以在Vue中创建新的side panel，根据我的情况我需要的东西，比如当app打开时，第一页将会有一个left side panel。现在，当用户登录时，我需要另一个侧面板而不是第一个侧面板，因为我想要放置的内容是不同的。

如果可能，任何人都可以告诉我如何在我的example.vue中创建该面板吗？

由于

Answer 1

你可以简单地制作两个面板并根据loggedIn布尔值有条件地显示它们。使用v-show这很容易。看看这些：

v if

v else if

v show

Answer 2

您可以创建一个组件，在其中将菜单数据发送给Json。

例如：

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

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