vue如何实现document点击隐藏div

项目中要做一个登录框 header里面是登录的按钮然后我通过improt导入登录框的页面点击登录改变vuex的状态实现登录框的切换但是需要实现类似点击document的事件去这个该怎么实现啊

阅读 13.9k

6 个回答

得票最新

显示隐藏用v-if语法，这个题主应该知道，实现点击页面显示隐藏，定义一个方法，方法里改变v-if里面自定义的值，然后在body上加click事件调用方法
<body @click="funA()">

<div v-if="dataA">aaa</div>

</body>
function funA(){

dataA = false;

}

data 中定义一个变量如isActive:true

data: {
  isActive: true
}

登录按钮绑定点击事件，如点击把isActive = false

绑定 isActive 变量到 Class 与 Style

<div class="static" v-bind:class="{ active: isActive}">
</div>

.static{display:none}
.active{display:block}

推荐问题