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

最新推荐文章于 2024-10-12 15:15:09 发布

菊次郎の夏

最新推荐文章于 2024-10-12 15:15:09 发布

阅读量1.3w

点赞数 3

分类专栏： vue

本文链接：https://blog.csdn.net/qq_39099980/article/details/116753442

版权

vue 专栏收录该内容

3 篇文章 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"
      >