vue3+elementPlus：el-dialog弹窗内容在其内部滚动，自己位置不随内容改变

最新推荐文章于 2024-05-16 12:00:22 发布

意初

最新推荐文章于 2024-05-16 12:00:22 发布

阅读量1.4k

点赞数

文章标签： javascript css html 前端 vue.js

本文链接：https://blog.csdn.net/weixin_43928112/article/details/129301722

版权

//html
 
<div class="el-dialog-div">
 // 窗口内容
 <el-dialog
   :title="dialogTitle"
   :visible.sync="dialogOpen"
   :width="dialogWidth"
   append-to-body
   :close-on-click-modal="false"
 >
 ......
 </el-dialog>
</div>

//css
//弹窗窗口
.el-dialog-div {
  //弹出层里内容 样式
  ::v-deep(.el-dialog__body) {
    max-height: 70vh !important;
    overflow-y: auto;
    padding: 0 20px 0 20px;
   }
  }

上一篇文章，

vue3+elementPlus：表格复制功能_意初的博客-CSDN博客在el-table里创建cell-click事件,再在表格操作按钮加上.stop阻止冒泡行为。https://blog.csdn.net/weixin_43928112/article/details/129056601?spm=1001.2014.3001.5501