iview 容器内抽屉

官方文档给的案例是设置全屏抽屉,有时候项目中需要设置容器内部抽屉,特此记录

 <div style="position: relative">
      <Drawer
        title="Basic Drawer"
        :transfer="false"
        :inner="true"
        v-model="value1"
      >
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
      </Drawer>
    </div>

分别设置属性transfer 为false,inner 为true 即可,还有一个关键点在于设置容器的定位样式为 position: relative,不然不会生效

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。