简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
v-show kann ausgeblendet, aber nicht angezeigt werden
ringa_lee
ringa_lee 2017-05-16 13:36:49
0
7
696

Beim Ausprobieren des v-show-Attributs wird, wenn es auf false gesetzt ist, der Inline-Stil display: none hinzugefügt,

Aber wenn „true“ gesetzt ist, wird display: block nicht hinzugefügt;
Lösen. . . 


<!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_lee
ringa_lee

ringa_lee

Antworte allen(7)
小葫芦
小葫芦2017-05-16 13:38:49 7 Etage

你把样式里的display:none 去掉。。。。v-show 本身就可以设置显示和隐藏的。

Wie +0
Antwort hinzufügen
淡淡烟草味
淡淡烟草味2017-05-16 13:38:49 6 Etage

因为你css代码里面

display:none

v-show只会在hide的时候添加

display:none;

而显示的时候会去除

display:none;

不会添加

display:block;
Wie +0
Antwort hinzufügen
滿天的星座
滿天的星座2017-05-16 13:38:49 5 Etage

v-show的原理是通过是否添加display：none控制显隐的，跟传统意义jquery的hide和show不同。

Wie +0
Antwort hinzufügen
漂亮男人
漂亮男人2017-05-16 13:38:49 4 Etage

设置为true时不需要是 display:block 同样也是能显示的

Wie +0
Antwort hinzufügen
滿天的星座
滿天的星座2017-05-16 13:38:49 3 Etage

看源码里

Wie +0
Antwort hinzufügen
迷茫
迷茫2017-05-16 13:38:49 2 Etage

你这问的有问题
v-show本来就是控制显示跟隐藏的
给它一个值 控制显示跟隐藏不就好了

   <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
            }
        },
Wie +0
Antwort hinzufügen
左手右手慢动作
左手右手慢动作2017-05-16 13:38:49 1 Etage

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！