element-plus更改組件的默認(rèn)屬性
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

浙公網(wǎng)安備 33010602011771號(hào)