element-ui

关于element-ui el-dialog弹窗点击遮罩会关闭的问题

:close-on-click-modal=“false”

修改element-ui对话框样式（修改子组件的可根据类名修改）

在组上添加 custom-class=“editClass”

element-ui表格固定页面可视区滚动条

<div class="next-content">
	<table class="next-content-table"></table>
</div>

**概括：用一个div包住要加滚动条的table，然后加上样式就ok**
.next-content {
  /* 这一步是必须的 */
  position: absolute;
  top: 90px;
  left: 0;
  bottom: 0px;
  width: auto;
  right: 0px;
  overflow-y: auto;
}
.next-content-table {
  /* 这一步是必须的 */
  min-width: 2350px;
  overflow: hidden;
}

element-ui对话框遮罩在上边的解决办法

造成的原因： 因为dialog的组件外层div设置了 position：absolute； 属性所以导致遮罩层会在最上面。
解决方法： 1. 在属性内加上这段代码 :append-to-body=“true” ； 2 ，:modal-append-to-body=“false” 也可以