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>
你把样式里的display:none 去掉。。。。v-show 本身就可以设置显示和隐藏的。
因为你css代码里面
v-show只会在hide的时候添加
而显示的时候会去除
不会添加
v-show的原理是通过是否添加display：none控制显隐的，跟传统意义jquery的hide和show不同。
设置为true时不需要是 display:block 同样也是能显示的
看源码里
你这问的有问题
v-show本来就是控制显示跟隐藏的
给它一个值 控制显示跟隐藏不就好了
display是根据你的便签属性来的，如果是块级元素如p,p,h标签，默认的就是display: block;如果是span等默认就是display:inline。所以隐藏的时候就是display：none,显示的时候去掉display：none就是它的默认属性