Vue de modifier la largeur et le contenu
Je suis en utilisant vuejs et selon que l'utilisateur est connecté, j'ai besoin d'ajuster la taille et le contenu de deux divs à l'intérieur de mon topbar.
Donc, si ils ne sont pas connectés, il devrait ressembler à ceci:
<div id='search' width="400px"></div><div id="login" width="200px"><img></div>
Et quand ils sont connectés, il devrait ressembler à ceci:
<div id='search' width="200px"></div><div id="login" width="400px"><div id='somecontent></div><div id='morecontent'></div></div>
Je sais que je peux y arriver par la coder en dur les deux d'entre eux entièrement, puis à l'aide de v-if, mais je me demandais si il y avait une meilleure façon.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez lier style dans vuejs en utilisant v-lier
violon
créer une valeur par défaut de la largeur à l'intérieur de vos données avec la valeur par défaut, comme:
chaque fois que vous vous connectez, vous devez modifier la valeur de la largeur, puis vous pouvez faire quelque chose comme ceci:
espère que cela aide!
Vous devez utiliser l'attribut style:
JS:
CSS:
HTML: