我无法将“侧面板内容”传递到主菜单页面上的侧面板答案

【问题标题】：I cannot pass "side-panel content" to the side panel on the main menu page我无法将“侧面板内容”传递到主菜单页面上的侧面板
【发布时间】：2018-08-15 10:10:25
【问题描述】：

我希望将我的左右面板传递到主菜单页面（仪表板），但它不能工作，因为必须声明的是第一页，在我的情况下，第一页（/ root）是登录，如果我将它传递给root它工作，如何将它传递给仪表板而不更改root页面作为登录

<!-- Left Panel -->
<f7-panel left reveal theme-dark>
  <f7-view url="/panel-left/"></f7-view>
</f7-panel>

<!-- Right Panel -->
<f7-panel right cover theme-dark>
  <f7-view url="/panel-right/"></f7-view>
</f7-panel>

<!-- Main View -->
<f7-view id="main-view" url="/" main :pushState="true"></f7-view>

主视图设置为登录

仪表板上的侧面板对象（菜单页）

  <f7-nav-left>
    <f7-link icon-if-ios="f7:menu" icon-if-md="material:menu" panel-open=left/></f7-link>
  </f7-nav-left>
  <f7-nav-title>Graylite1</f7-nav-title>
  <f7-nav-right>
    <f7-link icon-if-ios="f7:menu" icon-if-md="material:menu" panel-open="right"></f7-link>
  </f7-nav-right>

【问题讨论】：

标签： javascript html cordova vue.js html-framework-7

【解决方案1】：

我也尝试过，但这也给了我同样的问题......所以我所做的是在索引页面上设置它，在你的情况下是登录页面并禁用所有可能的打开它......不显示导航栏中的 3bar 图标，甚至将滑动打开设置为 false，因此没有人可以在登录页面上打开它并休息，您可以在登录后使用框架 7 js 追加数据...

我正在使用框架 7 核心，因为我禁用了滑动面板打开使用 ...

  if(//check if user is logged in){
     app.panel.enableSwipe('right');
     $$(".panel-img").attr('src','//img src comes from api');
  }else{
    app.panel.disableSwipe('right');
  }

为我工作可能对你也有帮助

【讨论】：