ElementUi中Dialog点击遮罩层不关闭实现

最新推荐文章于 2024-05-31 16:00:38 发布

zzZjhz

最新推荐文章于 2024-05-31 16:00:38 发布

阅读量1.2k

点赞数

分类专栏： element-ui的使用遇到的问题 vue 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/qq_58824036/article/details/119968305

版权

vue 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

element-ui的使用遇到的问题

3 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在Vue项目中引入Element UI库，并通过配置更改Dialog组件的默认属性，使其在点击遮罩层时不关闭。具体操作包括导入Element UI及其主题样式，使用Vue.use注册组件，然后修改Dialog组件的closeOnClickModal属性默认值为false，确保 axios 挂载到Vue原型上。

摘要由CSDN通过智能技术生成

修改element.js引用代码，在引用组件前修改默认属性.


import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);
//配置 dialog组件 组件点击遮罩层不关闭
ElementUI.Dialog.props.closeOnClickModal.default = false;
Vue.prototype.axios = axios

结果

zzZjhz

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ElementUi中Dialog点击遮罩层不关闭实现

修改element.js引用代码，在引用组件前修改默认属性.import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);//配置 dialog组件组件点击遮罩层不关闭ElementUI.Dialog.props.closeOnClickModal.default = false;Vue.prototype.axios = axios结果.
复制链接

扫一扫