关于前端: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),