《踩坑记录》使用element-ui@2.15.6，全局配置后首页出现一个info弹窗

最新推荐文章于 2023-11-29 07:00:00 发布
最新推荐文章于 2023-11-29 07:00:00 发布
阅读量980 收藏
点赞数
文章标签： ui vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Leporc/article/details/122389665
版权

使用element-ui@2.15.6的插件，尝试使用官网的一个方法，把它变成可以全局使用，参照官网的语句，在main.js中引入了，然后用vue.use（Message）声明。发现在首页会弹出一个message.info没有内容的弹窗,也没有报错和其他的提示

先去查了对应的vue文件，没发现问题，然后又去查了返回值，确实是可以返回正确的结果，又看了main.js，都没问题，然后尝试把vue.use（Message）语句删了，就正常了，仔细看了官方文档，message应该是不需要用vue.use（Message）声明的

快学点111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-2.15.6中文电子文档.zip
09-22
element UI-2.15.6版中文电子文档
element-ui-2.15.6.zip
02-23
element-ui-2.15.6离线安装包，包含依赖包
element-ui-最新版离线文档-2.15.6.zip
10-28
element-ui当前最新版2,15,6的离线操作手册，跟官网保持一致，方便内网环境开发的你参考
＞ [Vue warn]: Avoid mutating a prop directly since the value will be elementUI2.15.6后禁止直接传值
T_Y_F_的博客
08-08 409
> [Vue warn]: Avoid mutating a prop directly since the value will be elementUI2.15.6后禁止直接传值
elementUI-离线文档-2.15.6.zip
11-04
elementUI-离线文档-2.15.6.zip
elementUI消息提示全局配置
qq_42031498的博客
09-22 1401
代码很简单，直接看应该能懂： // 全局message配置（取配置项） Vue.prototype.$message = function(msg){ ElementUI.Message(msg) } const messageArr = ['success', 'warning', 'info', 'error'] // 这里是我的配置项，如果你不用开放配置权限，忽略这里 let str = getSpecStr("messageConfig") let config = /^{(.*)}$/.t
element-ui@2.15.7.zip
11-28
Element UI 是一个基于 Vue.js 的开源 UI 组件库，它为开发者提供了丰富的组件，用于构建美观、可扩展的用户界面。版本号 `2.15.7` 表示这是 Element UI 的一个稳定版本，发布于某个时间点，通常包含了之前版本的...
element-ui@2.15.9 cdn资源
08-09
Element UI 是一个基于 Vue.js 的开源 UI 组件库，它为开发者提供了丰富的组件，用于构建美观、可扩展的用户界面。版本号 `2.15.9` 表示这是该库的一个稳定版本，可能包含了修复的错误、优化的性能以及新增的功能。 ...
element-ui v2.15.7
02-05
Element UI 是一个基于 Vue.js 的开源前端组件库，版本号 v2.15.7 表示这是该库的一个稳定版本。Element UI 提供了一系列丰富、精致且易于使用的组件，适用于构建企业级的 web 应用程序。这些组件涵盖了表单、布局、...
element-ui-2.15.6.7z
09-27
"element-ui-2.15.6.7z" 是 Element UI 的一个特定版本，版本号为 2.15.6，通常这个压缩包会包含该版本的所有源码、CSS 样式、JavaScript 文件以及相关的文档和示例。 在前端开发中，UI 组件库如 Element UI 起着至...
element-ui2.15.0.rar下载
01-27
html页面引入本地element文件
element-ui 2.15.0 官方文档离线版.rar
02-20
Element UI 是一个基于 Vue.js 的开源前端组件库，它提供了丰富的界面组件，使得开发者能够快速构建出美观且响应式的用户界面。2.15.0 版本是 Element UI 的一个重要更新，它包含了多项改进、修复和新功能，旨在提升...
ElementUI全局配置message的弹窗时间
weixin_43360452的博客
08-10 3479
由于默认的message的配置是通过options传进去的，但是并没有开放全局配置给用户，看message的源码发现默认是3s。 export default { data() { return { visible: false, message: '', // 在构造器中配置的默认时长 duration: 3000, type: 'info', iconClass: '',
elementui popconfirm气泡确认 事件失效（2.15.6版本已解决）
HuafuCsdn的博客
09-13 765
问题： confirm事件无效 cancel事件无效 解决： 官方文档书写错误 更改确认事件名：onConfirm 更改取消事件名：onCancel 官方文档： ...
Vue基础（二）：element-ui刷新页面总出现默认的消息提示的问题
最新发布
欧阳方超的专栏
11-29 287
使用element-ui做了简单的登录页面，但是在刷下页面时却出现了info级别的弹窗。分析之后发现是对Message的使用不对引起的。
vue项目引入 Element ui
lld20的博客
05-12 309
1.先进行依赖的安装 npm install element-ui@"^2.15.6" --save 2.查看依赖是否安装成功 在package.json中查看 3.在main.js中进行引入 import ElementUi from "element-ui" import "element-ui/lib/theme-chalk/index.css" import locale from "element-ui/lib/locale/lang/zh-CN" import {Message
vue数据增删改查及表单验证
qq_64001795的博客
10-14 3627
图三。
elementUI el-date-picker表单组件
潘秋娜的博客
07-06 429
elementUI
vue 3.0 封装一个message提示组件
好巧的博客
11-17 3652
前言 vue2.x中，可以使用 Vue.extends 来封装一个弹框，在vue 3.0中，该api已经被废除。 本篇文章使用了typescript，如果不需要，只需要把ts部分去掉即可，实现效果图放在文章末尾。 实现后使用方式： Message.info(‘提示’); Message.error(‘错误’); 附上vue3.0文档：Vue3中文文档 - vuejs 1.新建一个ts文件 注： createApp(组件) mount(id, class, div), 可以参考main.ts。 h函数第一
element-ui@2.15.6
09-03
element-ui@2.15.6是一个前端UI框架的版本号。根据引用的建议，如果你的element-ui版本号高于2.15.6，建议直接降低版本，使用npm install element-ui@2.15.6进行安装。这可能是因为在高版本中存在一些问题，而降低版本可以解决这些问题。 另外，根据引用，你还可以从https://unpkg.com/browse/element-ui@2.15.7/获取element-ui@2.15.7的资源，这对于没有网络或网络环境不好的情况下使用是很有帮助的。 而根据引用的描述，你在使用element-ui@2.15.6的插件时遇到了一个问题。你尝试将其变成全局使用，按照官网的语句，在main.js中引入了，然后使用vue.use(Message)声明。然而，在首页会弹出一个没有内容的message.info弹窗，没有报错或其他提示。这可能是由于代码的其他部分导致的问题，请检查代码的其他部分，尤其是和消息弹窗相关的部分，以确定问题的根本原因。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [控制台报Prop being mutated:“placemeent“错误](https://blog.csdn.net/qq_50721840/article/details/126499741)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [element-ui@2.15.7.zip](https://download.csdn.net/download/u010867236/50710097)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [《踩坑记录》使用element-ui@2.15.6，全局配置后首页出现一个info弹窗](https://blog.csdn.net/Leporc/article/details/122389665)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值