https://blog.csdn.net/renovateF5/article/details/143675396

舉例說(shuō)明：更改el-dialog的close-on-click-modal屬性，原版屬性是true，即點(diǎn)擊遮罩層可關(guān)閉彈窗，需求是給所有的el-dialog的close-on-click-modal屬性給false，不讓通過(guò)點(diǎn)擊遮罩層關(guān)閉彈窗。

按需導(dǎo)入版本
按需導(dǎo)入版本直接在main.ts/main.js中寫(xiě)入下面代碼即可

import { ElDialog } from 'element-plus'
ElDialog.props.closeOnClickModal.default = false
全局引入版本
同樣修改main文件

方法一：

全局引入的版本會(huì)用到下面的代碼

import ElementPlus from "element-plus";
const vueApp = Vue.createApp(App);
vueApp.use(ElementPlus);
這里引入element-plus的時(shí)候多引入一個(gè)，然后修改掉屬性

import ElementPlus, { ElDialog } from "element-plus";
ElDialog.props.closeOnClickModal.default = false;
const vueApp = Vue.createApp(App);
vueApp.use(ElementPlus);
對(duì)ElDialog無(wú)需再做其他處理

方法二：
直接修改vueapp示例上的屬性，由于是全局引入，可以在_context上的components拿到el-dialog的內(nèi)容和屬性直接修改即可，但是如果使用了ts的話，這里會(huì)報(bào)any類(lèi)型警告

import ElementPlus from "element-plus";
const vueApp = Vue.createApp(App);
vueApp.use(ElementPlus);
vueApp._context.components.ElDialog["props"].closeOnClickModal.default = false;
————————————————

版權(quán)聲明：本文為博主原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接和本聲明。

原文鏈接：https://blog.csdn.net/renovateF5/article/details/143675396