如何禁用除主页面之外的所有页面上的侧栏？ （框架7）

Question

我在my-app.js中有这个

let $$ = Dom7;

let app  = new Framework7({
    root: '#app',
    id: 'com.framework7.bazza',
    name: 'Bazza',
    theme: 'auto',
    pushState: true,
    data: function () {
        return {
            user: {
                firstName: 'John',
                lastName: 'Doe',
            },
        };
    },
    routes: routes,
    panel: {
        swipe: 'both',
        leftBreakpoint: 960,
    },
});

这是我在routes.js中所做的，并且有效：

routes = [
    {
    name: 'index',
    path: '/',
    url: './index.html',
    beforeEnter: function (routeTo, routeFrom, resolve) {
        app.panel.enableSwipe();
            resolve();
    },
    beforeLeave: function (routeTo, routeFrom, resolve) {
        app.panel.disableSwipe();
            resolve();
    }
},
    {
        name: 'about',
        path: '/about/',
        url: './about.html',
    },
    ];

有用的链接：

https://framework7.io/docs/panel.html#app-and-panel-instance-events https://framework7.io/docs/routes.html#route-before-enter-leave

感谢从下方交配！）

Answer 1

我阅读了文档，基本上在您的主页路线中，您可以访问beforeEnter和beforeLeave事件。基本上，您可以在进入前启用面板，在离开前禁用面板。进入首页时显示app.panel.enableSwipe，离开时禁用disableSwipe。选中https://framework7.io/docs/panel.html#app-and-panel-instance-events和https://framework7.io/docs/routes.html#route-before-enter-leave