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

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐