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

Question

我有这个-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 进入主页并在离开时禁用滑动。检查 https://framework7.io/docs/panel.html#app-and-panel-instance-events and https://framework7.io/docs/routes.html#route-before-enter-leave