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'
,然后调用@单击按钮上的。