Question

如何获取它，以便侧边栏菜单始终处于打开状态？我不知道代码的确切下落，但是我认为它在这里。

https://github.com/arya107/Ask-Arya-Vue-Dashboard/tree/master/src/components/SidebarPlugin

http://user.askarya.ir/

Answer 1

将此添加到您的CSS文件：

.sidebar-mini .sidebar:hover {
  width: 260px !important;
}

.sidebar-mini .main-panel>.content, .sidebar-mini footer {
  padding-left: 310px !important;
}

但这只能在桌面设备上修复。

Answer 2

showSidebar: false,

尝试将其设置为true。

https://github.com/arya107/Ask-Arya-Vue-Dashboard/blob/master/src/components/SidebarPlugin/index.js

Answer 3

我认为，您需要修改https://github.com/arya107/Ask-Arya-Vue-Dashboard/blob/master/public/index.html。在这一行19上，此代码<body class="sidebar-mini">除去了sidebar-mini类。这将在所有页面上显示侧边栏。

对于第二个问题，您可以添加方法，然后将该方法添加到@click模板按钮上，如下所示：

<template>
    <button type="button" class="navbar-toggler" @click="changeLang">Change Language</button>   
</template>
<script>
export default {
    methods: {

        ...
        changeLang(){
            this.i18n = this.$i18n;
            this.i18n.locale = 'ar';
            this.$rtl.enableRTL();
        }
        ...
    }
}
</script>

Answer 4

只需将“ 可见”道具放置在标签中，如下所示：

可见>

它将保持打开状态。

要不在更改路线时将其关闭，请添加 noCloseOnRouteChange 道具。要删除关闭按钮，请添加 noHeader 道具。

Vue.js-如何使侧边栏保持打开状态而不是切换为打开状态？

4 个答案: