vue3.0 +element plus 全局属性和局部设置弹窗点击遮罩不关闭弹窗

﹏ヽ暗。殇╰゛Y 2023-01-20 14:55 18阅读 0赞

### 全局设置 ###

import ElementPlus from 'element-plus';
    import 'element-plus/lib/theme-chalk/index.css';
    import { 
      createApp
    } from 'vue';
    import router from './router';
    import store from './store';
    import App from './App.vue';
    import axios from 'axios';
    import VueAxios from 'vue-axios';
    import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
    import '../node_modules/bootstrap/dist/js/bootstrap';
    import $ from 'jquery';
    import area from '../src/api/area';
    import locale from 'element-plus/lib/locale/lang/zh-cn';
    import VueUeditorWrap from 'vue-ueditor-wrap';
    import * as echarts from 'echarts'
    import Moment from 'moment'
    import 'dayjs/locale/zh-cn';
    import common from '../src/api/common'
    
    const app = createApp(App).use(VueAxios, axios).use(common).use(VueUeditorWrap).use(area).use($).use(store).use(router).use(ElementPlus, { 
      locale
    }).mount('#app');
    app.echarts = echarts;
    // 设置全局属性 弹窗默认点击遮罩层不关闭
    app.$.appContext.components.ElDialog.props.closeOnClickModal.default = false;

### 局部 ###

标签上添加 :close-on-press-escape=“false” :close-on-click-modal=“false”

<el-dialog title="处理" :visible.sync="dialogQuestion" :before-close="handleCloseQuestion" :close-on-press-escape="false" :close-on-click-modal="false" >

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue弹窗的使用之关闭弹窗

![在这里插入图片描述][1b80f7d3deec4b409ea303d03692d050.png_pic_center] [1b80f7d3deec4b409ea303d

不念不忘少年蓝@/ 2023年10月03日 23:46/ 0 赞/ 83 阅读

相关 ElmentUI全局禁止点击遮罩层关闭el-dialog弹窗

在mian.js里面： import ElementUI from 'element-ui'; // 修改 el-dialog 默认点击遮照为不关闭

青旅半醒/ 2023年07月24日 08:20/ 0 赞/ 64 阅读

相关 vue3.0 +element plus 全局属性和局部设置弹窗点击遮罩不关闭弹窗

全局设置 import ElementPlus from 'element-plus'; import 'element-plus/lib/theme-c

﹏ヽ暗。殇╰゛Y/ 2023年01月20日 14:55/ 0 赞/ 19 阅读

相关点击空白区域关闭弹窗

private GraphicRaycaster RaycastInCanvas; private EventSystem eventSystem;

绝地灬酷狼/ 2022年12月30日 14:56/ 0 赞/ 297 阅读

相关点击按钮，显示弹窗，再次点击他处，弹窗关闭的插件vue-clickaway

先看效果：点击下拉选按钮，显示弹窗，点击弹窗之外的地方，弹窗隐藏 ![我不能没有的5个Vue.js库][5_Vue.js] 如果你真的单独导入，请记住，指令需要在指令下

- 日理万妓/ 2022年10月29日 01:48/ 0 赞/ 366 阅读

相关 html：自定义遮罩层弹窗（居中）

一、html代码html <div v-if="maskVisible" class="mask_layer" @click="关闭事件"> <di

布满荆棘的人生/ 2022年10月04日 13:59/ 0 赞/ 248 阅读

相关浅谈利用遮罩实现点击某区域以外时弹窗的弹出与关闭

HTML： <div id="div">点击除开div的区域可以弹出弹窗</div> <div id="cover"></div> <div id="

野性酷女/ 2022年09月29日 04:21/ 0 赞/ 243 阅读

相关点击蒙版遮罩关闭弹窗

![在这里插入图片描述][9e998efa8a654190b92a54d9c7af83fe.png] [9e998efa8a654190b92a54d9c7af83fe.p

太过爱你忘了你带给我的痛/ 2022年08月29日 00:00/ 0 赞/ 268 阅读

相关 JavaScript点击弹出遮罩层

JavaScript点击弹出遮罩层开发工具与关键技术：DW与JS 作者：戴怡斌撰写时间：2019年1月18日下面我

小咪咪/ 2022年03月25日 05:51/ 0 赞/ 550 阅读

相关 dataTable 点击行弹窗

QuestionJobCodedataTables = $('datatable').DataTable({ "createdRow":

╰+哭是因爲堅強的太久メ/ 2021年10月08日 06:58/ 0 赞/ 605 阅读