在这个示例中,我们创建了一个名为v-el-drawer-drag-height的Vue指令,它会在el-drawer的底部添加一个可拖拽的条,用户可以通过拖拽这个条来调整el-drawer的高度。 3. 根据窗口大小动态调整高度 如果希望el-drawer的高度能够根据窗口大小动态调整,可以在Vue组件的mounted钩子或watch窗口大小变化的
* el-drawer 拖拽高度指令*/Vue.directive('el-drawer-drag-height', { bind(el, binding, vnode, oldVnode) { const drawerEle= el.querySelector('.el-drawer')//创建触发拖拽的元素const dragItem = document.createElement('div')//将元素放置到抽屉的左边边缘dragItem.style.cssText = 'height: 5px...
el-drawer自适应高度 .el-drawer__body { overflow: auto; } .el-drawer__container ::-webkit-scrollbar { display: none; }
el-drawer自适应高度 .el-drawer__body { overflow: auto; } .el-drawer__container ::-webkit-scrollbar { display: none; }