iView中Drawer抽屉使用过程中遇到的问题(draggable )

iView官方api

https://www.iviewui.com/components/drawer#API

在使用的过程中发现如果使用了抽屉的draggable功能进行抽屉的宽度调整,再次打开抽屉,其宽度变成了调整后的宽度。在多处地方调用抽屉的情况下,设置宽度的初始值不再有效。解决方案如下

<Drawer
    :closable="true"
    :mask-closable="true"
    :draggable="true"   
    :width="drawerWidth"
    @on-close="drawerClosed"
    @on-resize-width="widthChanged"
>
    <img :src="imgSrc">
</Drawer>
drawerWidth:number = 450

drawerClosed(){
    this.drawerWidth = 450
}
//这一部分必须加,否则再次唤起抽屉,宽度不会变成初始宽度
widthChanged(width:number){
    this.drawerWidth = width
}

还有一个问题,暂时不知道咋解决,如果不设置mask-closable为true,调整宽度后,抽屉会自动关闭

发布了60 篇原创文章 · 获赞 11 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/mianyao1004/article/details/103705536
今日推荐