v-show 能够隐藏但不能显示

在试v-show属性,当设为false的时候会添加行内样式display:none,

但是设置true的时候,不会添加display:block;
求解。。。


<!DOCTYPE html>

<html>

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


神不在的星期二
浏览 1553回答 1
1回答

慕勒3428872

因为你css代码里面display:nonev-show只会在hide的时候添加display:none;而显示的时候会去除display:none;不会添加display:block;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript