hjl19911127 / vue-drawer-layout

A simple DrawerLayout component for Vue.js.

Home Page:http://share.codehuang.com/vue-drawer-layout

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

作者您好,有个问题询问下,我点击抽屉部分任何区域就会触发handleToggleDrawer,隐藏了抽屉页面

Jianping92 opened this issue · comments

主要是设置了抽屉页面的样式后点击任何区域都会隐藏抽屉页面。
代码是仿照的http://share.codehuang.com/vue-drawer-layout
这个里面的Methods一项,具体代码如下:
template部分代码:


<div class="drawerList" @click="handleToggleDrawer">
<a @click="handleToggleDrawer">Hide Drawer






JavaScript代码:
methods: {
handleToggleDrawer() {
this.$refs.drawerLayout.toggle();
}
}
css代码:

<style lang="stylus" scoped> .drawer .drawerList position: absolute overflow: hidden top: 0 left: 0 width: 95% height: 100% background: #ffffff .content </style>

从代码上看,drawerList就是充满了整个抽屉的吧,还绑了handleToggleDrawer,那显然就会触发,大哥你确认下click的触发范围

请问下还有问题吗?没问题我先关了哈