cari

Rumah  >  Soal Jawab  >  teks badan

v-show boleh menyembunyikan tetapi tidak menunjukkan

Mencuba atribut v-show, apabila ditetapkan kepada palsu, paparan gaya sebaris: tiada akan ditambahkan,

Tetapi apabila benar ditetapkan, paparan: blok tidak akan ditambah
Selesaikan. . . 


<!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 hari yang lalu770

membalas semua(7)saya akan balas

  • 高洛峰

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

    Anda mengalih keluar paparan:tiada dari gaya. . . . v-show itu sendiri boleh ditetapkan untuk ditunjukkan dan disembunyikan.

    balas
    0
  • 淡淡烟草味

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

    Kerana ia ada dalam kod css anda

    display:none

    v-show hanya akan ditambah apabila disembunyikan

    display:none;

    Ia akan dikeluarkan apabila dipaparkan

    display:none;

    Tidak akan ditambah

    display:block;

    balas
    0
  • 滿天的星座

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

    Prinsip v-show adalah untuk mengawal paparan dan menyembunyikan dengan menambahkan paparan: tiada, yang berbeza daripada hide dan show tradisional jquery.

    balas
    0
  • 漂亮男人

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

    Apabila ditetapkan kepada benar, ia tidak perlu dipaparkan:sekat dan ia juga boleh dipaparkan

    balas
    0
  • 滿天的星座

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

    Lihat kod sumber

    balas
    0
  • 迷茫

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

    Anda bertanya soalan
    v-show pada asalnya digunakan untuk mengawal paparan dan bersembunyi
    Hanya berikan nilai untuk mengawal paparan dan bersembunyi 

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

    balas
    0
  • ringa_lee

    ringa_lee2017-05-16 13:38:49

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

    balas
    0
  • Batalbalas