recherche

Maison  >  Questions et réponses  >  le corps du texte

v-show capable de se cacher mais pas d'afficher

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>
ringa_leeringa_lee2868 Il y a quelques jours769

répondre à tous(7)je répondrai

  • 高洛峰

    高洛峰2017-05-16 13:38:49

    Vous supprimez display:none du style. . . . v-show lui-même peut être configuré pour afficher et masquer.

    répondre
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-16 13:38:49

    Parce que c'est dans ton code CSS

    display:none

    v-show ne sera ajouté que lorsque caché

    display:none;

    Il sera supprimé une fois affiché

    display:none;

    Ne sera pas ajouté

    display:block;

    répondre
    0
  • 滿天的星座

    滿天的星座2017-05-16 13:38:49

    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.

    répondre
    0
  • 漂亮男人

    漂亮男人2017-05-16 13:38:49

    Lorsqu'il est défini sur true, il n'est pas nécessaire d'afficher: bloquer et il peut également être affiché

    répondre
    0
  • 滿天的星座

    滿天的星座2017-05-16 13:38:49

    Voir le code source

    répondre
    0
  • 迷茫

    迷茫2017-05-16 13:38:49

    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. 

       <ul v-show="show">
        <li @click="change($event)">哈哈哈</li>
        <li @click="change($event)">啦啦啦</li>
        <li @click="change($event)">嘻嘻嘻</li>
    </ul>
     data(){
            return{
           items:['1111','2222','3333'],
                show:true
            }
        },

    répondre
    0
  • ringa_lee

    ringa_lee2017-05-16 13:38:49

    display是根据你的便签属性来的，如果是块级元素如p,p,h标签，默认的就是display: block;如果是span等默认就是display:inline。所以隐藏的时候就是display：none,显示的时候去掉display：noneest son attribut par défaut

    répondre
    0
  • Annulerrépondre