Essayez l'attribut v-show, lorsqu'il est défini sur false, l'affichage du style en ligne : aucun ne sera ajouté,
Mais lorsque true est défini, display: block ne sera pas ajouté
Résoudre. . .
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
width: 400px;
height: 400px;
border: 1px solid #000;
display: none;
}
</style>
</head>
<body>
<p id="vue" v-show="true"></p>
<script type="text/javascript" src="vue.js"></script>
<script>
new Vue({
el: "#vue",
})
</script>
</body>
</html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous supprimez display:none du style. . . . v-show lui-même peut être configuré pour afficher et masquer.
Parce que c'est dans ton code CSS
v-show ne sera ajouté que lorsque caché
Il sera supprimé une fois affiché
Ne sera pas ajouté
Le principe de v-show est de contrôler l'affichage et le masquage en ajoutant display: none, ce qui est différent du hide and show traditionnel de jquery.
Lorsqu'il est défini sur true, il n'est pas nécessaire d'afficher: bloquer et il peut également être affiché
Voir le code source
Vous posez une question
v-show est à l'origine utilisé pour contrôler l'affichage et le masquage.
Donnez-lui simplement une valeur pour contrôler l'affichage et le masquage.
display是根据你的便签属性来的，如果是块级元素如p,p,h标签，默认的就是display: block;如果是span等默认就是display:inline。所以隐藏的时候就是display：none,显示的时候去掉display：noneest son attribut par défaut