javascript - v-show 能够隐藏但不能显示
本文介绍了javascript - v-show 能够隐藏但不能显示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
在试v-show属性，当设为false的时候会添加行内样式display：none，
但是设置true的时候，不会添加display：block；
求解。。。
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
width: 400px;
height: 400px;
border: 1px solid #000;
display: none;
}
</style>
</head>
<body>
<div id="vue" v-show="true"></div>
<script type="text/javascript" src="vue.js"></script>
<script>
new Vue({
el: "#vue",
})
</script>
</body>
</html>解决方案
因为你css代码里面
display:nonev-show只会在hide的时候添加
display:none;而显示的时候会去除
display:none;不会添加
display:block;这篇关于javascript - v-show 能够隐藏但不能显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
