0
votes

VUE.JS - Comment faire de la barre latérale Séjour ouverte au lieu de basculer, il s'ouvre?

Comment puis-je l'avoir pour que le menu de la barre latérale soit toujours ouvert? Je ne connais pas exactement la localisation du code, mais je pense que c'est ici quelque part.

https://github.com / Arya107 / Ask-Arya-Vue-Tableau de bord / Tree / Master / SRC / Composants / Sidebarplugin

http://user.asaskarya.ir/


0 commentaires

4 Réponses :


0
votes

ajoutez ceci à votre fichier CSS: xxx

mais qui ne la corrige que sur les appareils de bureau.


3 commentaires

La réponse courte: Non .:-) Vous devez trouver le fichier CSS et ajouter ces lignes. Du moins pas si vous voulez faire ce changement, de cette façon. Et je ne trouve rien dans la documentation à ce sujet. Si les développeurs ont fait un réglage pour cela, vous pouvez peut-être. Mais je ne peux pas le trouver, par premier regard.


Il est vraiment étrange que je ne puisse pas le faire ouvrir par défaut.


Pouvez-vous également me conseiller sur la manière d'activer cette pièce de code dans un bouton afin que je puisse changer de langue? Le tableau de bord a déjà un support RTL et je pense que c'est la classe .............: classe = "$ rtl.isrtl



0
votes

1 commentaires

@Aryad donne un peu plus d'informations alors. Le Sidemenu est-il initialement ouvert et ferme-t-il lorsque vous cliquez sur un élément?



0
votes

À mon avis, vous devez modifier le https://github.com/arya107/ask-arya-vue-dashboard/blob/master/public/index.html code> sur cette ligne 19 code> Il y a ce code code> Supprimer le classe latérale-mini code> classe. Cela affichera la barre latérale sur toutes les pages.

Pour votre deuxième question, vous pouvez ajouter une méthode, puis ajoutez cette méthode à @Click sur le bouton du modèle, comme celui-ci: P>

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


5 commentaires

Wow!! Merci! :RÉ


Pouvez-vous également me conseiller sur la manière d'activer cette pièce de code dans un bouton afin que je puisse changer de langue? Le tableau de bord a déjà un support RTL et je pense que c'est la classe .............: classe = "$ rtl.isrtl


https://github.com/arya107/ask-arya-vue-dashboard/blob/maste r / src / pages / pages / rt lpage.vue en regardant ce fichier. Il semble que vous puissiez ajouter le code ceci. $ Rtl.enablertl () sur le montage du composant (). Je crois que cela permettra à RTL pour la page entière. Au fait, la dernière question semble être hors sujet.


Comment puis-je programmer cette pièce de code afin que je puisse avoir un bouton dans ma barre NAV pour changer de langue?


J'ai mis à jour ma réponse, vous devez probablement créer une méthode puis ajouter ce this.i18n.locale = 'ar' puis appelez sur @click sur votre bouton.



1
votes

Il suffit de mettre le " visible " de votre étiquette comme si:

visible >

Il restera ouvert.

et pour ne pas le fermer sur le changement d'itinéraire Ajouter NOCLOSEONROUTÉCHANGE Prop. Pour supprimer le bouton de fermeture, ajoutez Noheader Prop.


0 commentaires