需要在el-drawer也就是抽屉打开时才能访问到
解决办法:/*1.显示滚动条:当内容超出容器的时候,可以拖动:*/.el-drawer__body { overflow: auto;/*overflow-x: auto;*/}/*2.隐藏滚动条,太丑了*/.el-drawer__container ::-webkit-scrollbar{ display: none;
遮罩和下层的内容覆盖在了抽屉之上. 解决办法是修改append-to-body和modal-append-to-body属性,把抽屉插入至 body 元素上,把遮罩插入至抽屉的父元素上,具体代码: 代码语言:javascript 复制 <el-drawer:append-to-body="true":modal-append-to-body="false"></el-drawer> element官方的说明:...
加个 automatic-dropdown 试试
el-drawer是一个基于Element UI框架的组件,用于创建一个抽屉式的展示区域。它可以实现在页面上点击特定按钮或者通过其他事件触发打开一个抽屉,展示一些与主要内容相关或者独立的附加信息。 该组件提供了一种简洁、直观的方式来呈现额外的内容,而不会占据页面的主要空间。它可以用于展示一些用户设置、表单弹窗或者其他可选...
实现:当Drawer被重新打开时(可能是通过切换visible或v-model的值),在Drawer组件的mounted钩子或类似的生命周期钩子中,从Vuex或localStorage中恢复之前保存的内容。 5. 确保缓存的内容与el-drawer组件的状态同步,避免数据不一致问题 注意事项: 当从缓存中恢复数据时,确保数据的格式和类型与Drawer组件期望的一致。 如果Dra...
html: css: 百度得到:flex:1 时设置 height:0 overflow才能生效,但是在这种情况下并没有解决,考虑是el-drawer的问题,于是F12,找到el-drawe样式,改为如下解决: 小问题记个笔记,方便以后再次遇到查阅。... vue+element ui中select组件选择失效问题原因与解决方法 ...
};exportdefault{name:"myDrawer",props: {// 是否显示抽屉isShowDrawer: {type:Boolean,default:false, },// 是否显示抽屉头部内容isShowHeader: {type:Boolean,default:true, },// 父组件传过来的抽屉标题值title: {type:String,default:"我是title", ...
🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.
使用Drawer组件内容超出显示范围时不自动进行滚动。真正的使用场景中内容超出必然要滚动的。 What is Expected? 修改node_modules/element-ui/packages/theme-chalk/src/drawer.scss 121行 overflow: hidden; 改为 overflow: auto; What is actually happening? @include b(drawer) { position: absolute; box-sizing...