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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda mengalih keluar paparan:tiada dari gaya. . . . v-show itu sendiri boleh ditetapkan untuk ditunjukkan dan disembunyikan.
Kerana ia ada dalam kod css anda
v-show hanya akan ditambah apabila disembunyikan
Ia akan dikeluarkan apabila dipaparkan
Tidak akan ditambah
Prinsip v-show adalah untuk mengawal paparan dan menyembunyikan dengan menambahkan paparan: tiada, yang berbeza daripada hide dan show tradisional jquery.
Apabila ditetapkan kepada benar, ia tidak perlu dipaparkan:sekat dan ia juga boleh dipaparkan
Lihat kod sumber
Anda bertanya soalan
v-show pada asalnya digunakan untuk mengawal paparan dan bersembunyi
Hanya berikan nilai untuk mengawal paparan dan bersembunyi
display是根据你的便签属性来的，如果是块级元素如p,p,h标签，默认的就是display: block;如果是span等默认就是display:inline。所以隐藏的时候就是display：none,显示的时候去掉display：noneialah atribut lalainya