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，调整宽度后，抽屉会自动关闭