乐趣区

关于前端: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),
退出移动版