Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js-如何使侧边栏保持打开状态而不是切换打开状态?_Javascript_Vue.js_Vuejs2 - Fatal编程技术网

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

Javascript Vue.js-如何使侧边栏保持打开状态而不是切换打开状态?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,如何使侧边栏菜单始终打开?我不知道密码的确切位置,但我想它在这里的某个地方 将此添加到CSS文件: .sidebar-mini .sidebar:hover { width: 260px !important; } .sidebar-mini .main-panel>.content, .sidebar-mini footer { padding-left: 310px !important; } 但这只能在桌面设备上修复它 showSidebar:false, 尝试将其设置

如何使侧边栏菜单始终打开?我不知道密码的确切位置,但我想它在这里的某个地方


将此添加到CSS文件:

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

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

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

showSidebar:false,

尝试将其设置为true


在我看来,您需要修改
https://github.com/arya107/Ask-Arya-Vue-Dashboard/blob/master/public/index.html
在这一行
19
有此代码
删除
侧边栏mini
类。这将在所有页面上显示侧边栏

对于第二个问题,您可以添加方法,然后将该方法添加到@点击模板按钮,如下所示:

<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>

换语言
导出默认值{
方法:{
...
changeLang(){
this.i18n=this.$i18n;
this.i18n.locale='ar';
这是。$rtl.enableRTL();
}
...
}
}
只需将“可见”道具放入标签中,如下所示:

它将继续开放


若要在路线更改时不关闭,请添加noCloseOnRouteChangeprop。要删除关闭按钮,请添加noHeaderprop.

简短回答:No.:-)您需要找到/a CSS文件并添加这些行。如果你想这样做,至少不会。我在文档中找不到任何关于它的信息。如果开发者已经为它做了一个设置,那么也许你可以。但乍一看,我找不到它。真奇怪,我无法在默认情况下打开它。您能否建议我如何在按钮中启用这段代码,以便我可以切换语言?仪表板已经具有RTL支持,我认为这是类………:class=“$rtl。isRTL@AryaD然后再提供一点信息。侧菜单在单击某个项目时最初是打开还是关闭的?哇!!谢谢你!:d你能告诉我如何在按钮中启用这段代码,以便我可以切换语言吗?仪表板已经支持RTL,我想这就是类………:类=”$rtl.isRTL
https://github.com/arya107/Ask-Arya-Vue-Dashboard/blob/master/src/pages/Pages/RTLPage.vue
通过查看此文件。似乎您可以在组件的mounted()上添加代码
this.$rtl.enableRTL()
。我相信它将为整个页面启用RTL。顺便说一句,最后一个问题似乎离题了。我如何编写这段代码,以便在导航栏中有一个按钮来切换语言?我更新了我的答案,您可能需要创建一个方法,然后添加这个
this.i18n.locale='ar'
,然后调用
@单击按钮上的