正確做法 — 使用 Vue 數據驅動控制顯隱

你不需要手動設置 display: block，因為 Element Plus 的 <el-dialog> 是基于 v-model 或 :visible.sync 控制的。

🔧 修改模板部分：

將原來的：

<el-dialog title="報文詳情" v-show="dialogVisible">

改為：

<el-dialog title="報文詳情" v-model="dialogVisible">

或者：

<el-dialog title="報文詳情" :visible.sync="dialogVisible">

然后確保你在 data() 中定義了：

data() {

return {

dialogVisible: false,

dialogContent: ''

};

}

? 當你執行：

this.dialogVisible = true;

Element Plus 會自動把 .el-dialog__wrapper 的 display 改為 block 并顯示出來。