MDUI
首页
注册

请问抽屉式导航如何在页面跳转后保留原来的状态呢?

danta1337
2022-07-27 17:04:29

目前加载抽屉式导航的方式是,在页面上预留一个div,然后使用fetch从后端获取抽屉内部的内容,导致每次页面跳转后都会重新加载未默认状态。

如何才能像MDUI的文档一样,点击跳转后,左侧抽屉式导航栏可以保持点击后的状态而不是重新加载,有没有什么解决方案呢?

<div class="mdui-drawer  mdui-color-theme-200" id="drawer">
    <div id="drawer-content"></div>
</div>
...
<script>
    fetch("/static/html/drawer-content.html").then(response => response.text()).then(text => {
        document.getElementById("drawer-content").outerHTML = text;
        mdui.mutation();
    });
</script>