关于前端:element一些小问题总结

问题：el-dialog 加上 v -loading 会加在整个页面上？

解决：在 el-dialog 下套一个 el-main 或其余，将 v -loading 加在下面即可。
留神：加上 el-main 后，el-dialog 自带的页脚区域不显示，需本人手动写

问题：批改 el-dialog 中 el-dialog__body 的内边距不失效？

解决：去掉 style 上的 scoped 属性或者 deep 浸透
留神：为了限度只在本页生效，倡议在后面加上自定义 class

问题：el-dialog 中插入 vxe-table,vxe-table 想要文字超长显示提醒：:show-overflow-tooltip=”true” 无反馈？

解决：曲线救国，敞开 el-dialog 的暗影层。扭转 el-dialog 的 z -index

问题：el-dialog 上插入图片，图片大图预览不显示？

解决：给图片预览层从新定义 z -index, 使他层级比 dialog 高，即可显示。
留神：vue 页面中的 class 不能加 scope 否则会生效。

.el-image-viewer__wrapper{z-index: 2050 !important;}

问题：element-ui 的 el-table 动静批改表格展现列，table 高度变小问题

解决办法：在更新表格数据后对 el-table 进行重载

 this.$nextTick(() => {this.$refs.tableName.doLayout();
     // el-table 增加 ref="tableName"
})

问题：提示信息换行

let newDatas = [];
const h = this.$createElement;
for (let i in data.data) {newDatas.push(h("p", { class: "fontRed"}, data.data[i]));
}
this.$message({
  type: "error",
  dangerouslyUseHTMLString: true,
  message: h("div", null, newDatas),