Element-UI中的Drawer 抽屉如何关闭
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element

·
说明
运用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>




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 年前
更多推荐
所有评论(0)