問題: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),