动态

详情 返回 返回

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),

Add a new 评论

Some HTML is okay.