说明

运用element案例时,遮罩层抽屉Drawer把所有的东西遮住了,无法点动。按Esc关掉遮罩层也无法关闭!


1. 运用element案例时,遮罩层抽屉Drawer把所有的东西遮住了,无法点动

可以用这两个抽屉里的属性:
在这里插入图片描述
当抽屉Drawer没有被遮住时,我们点其他地方,Drawer 抽屉就会关闭了!



2. 按Esc关掉遮罩层也无法关闭!

可以用这这个抽屉里的属性:
在这里插入图片描述
如果用了这个属性后,drawer还是没有关掉,有可能是vue版本的问题!这时下vue合适的版本就ok了

代码如下(示例):

<el-drawer
      title="我是标题"
      :visible.sync="drawer"
      :with-header="false"
      @click="becomeDrawer"
      ref="drawer_el"
      :close-on-click-modal="false"
      :wrapper-closable="true"
      :modal-append-to-body="false"
    >
      <!-- :modal="false" -->
      <span>大家好!</span>
      
    </el-drawer>
GitHub 加速计划 / eleme / element
13
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:20 天前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐