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

时间:2018-08-15 10:10:26

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

我希望将我的左右面板传递到主菜单页面(仪表板),但是它无法工作,因为必须声明的是第一页,在我的情况下,第一页(/ 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>

1 个答案:

答案 0 :(得分:0)

我也尝试这样做,但这也给我带来了同样的问题...所以我所做的就是在您的情况下登录页面的索引页面上设置了它,并禁用了所有可能的打开方法...导航栏中的3bar图标,甚至将swipe open设置为false,因此没有人可以在登录页面上将其打开,其余的您可以在使用Framework 7 js登录后添加数据...

  

我使用Framework 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');
  }

为我工作可能对您有帮助