很有用！Vue + Element 中 this.$message 失效，报错问题解决方法

最新推荐文章于 2023-07-26 11:33:02 发布
原创 最新推荐文章于 2023-07-26 11:33:02 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #elementui

本文介绍如何修复Vue应用中出现的控制台错误，即无法读取属性_t的null问题，提出将this.$t替换为this.$root.$t的解决方案，确保i18n国际化全局可用。

有时候message不执行控制台会报错：Cannot read property '_t' of null

这是因为this.$t就找不到指向了，具体什么原因我也不知道。

但是你别处能用message就代表i18n在root全局上还是存在的，所以

把 this.$t('**') 更改为this.$root.$t('**')即可

 

Error: G:\H5\vue\package.json not exist
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
02-22 803
在vue add cube-ui时报错，
Vue + Element 中 this.$message 失效解决
小小少年eason的博客
08-30 2394
import { Message } from 'element-ui'; Message.success("删除成功")
页面元素自动添加了el-message，导致使用this.$message 方法时弹窗不能出现
qq_42736065的博客
02-10 3784
项目开发过程中，发现一个问题，this.$message方法调用后不报错，但是就是在页面上不能显示，一开始考虑this指向的问题，但是修改了this，发现还是不能正常显示。检查控制台，发现页面elements里面，这个el-message是一直存在，但不显示的，参考了其他正常页面的el-message元素，发现未调用之前，页面中是没有这个el-message元素的，使用后也会在一段时间内消失，所以后续开始找是哪个地方导致了这个 el-message一直展示的。 在main.js中查看了message引用，.
vue中使用this.$message不生效的部分原因及解决方法
爱意迷了眼丶的博客
07-26 2096
2，是message的层级问题，可能有的页面设置的层级太高，遮挡住message。目前message使用的过程中，已知的有两点原因，会造成message不生效。解决办法是：设置class，给class定义样式的z-index属性。解决办法是：在关键位置，let _this = this。1，是this指向问题。
[转]element中this.$message 失效问题解决方法（使用全局调用，重新定义this）(转载请删除括号里的内容)
jiaoqi6132的博客
06-23 9136
这两天写项目的时候发现了这个问题。 问题再现：在Model框中操作数据，在使用this.$message进行消息提示时发现，提示框失效 。 本人解决方案（具体原因我没有找出来，写这个出来也是为了让大佬指点指点） // 保存修改数据 handleSaveMu(row) { let srcColumnSqc = row.srcColumnSqc; let tarColumnName = row.tarColumnName; ...
在html中vue.js this.$message失效
05-03
在 HTML 中使用 Vue.js 的 `this.$message` 方法是无效的，因为 `this` 关键字只能在 Vue 实例内部使用。 如果你想在 HTML 中显示消息，可以考虑使用其他的 JavaScript 库，例如 `sweetalert2` 或 `toastr`。这些库...
vue.js this.$message失效
05-03
如果你在 Vue.js 中使用 `this.$message` 函数时发现无效，可能是因为你没有正确地注册 `Message` 组件。 在使用 `this.$message` 函数之前，你需要在 Vue 实例中注册 `Message` 组件。例如： ```javascript ...
解决VUE项目使用Element-ui 下拉组件的验证失效问题
01-18
这样也没有问题,但是如果加上multiple属性,也就是可以多选 就会出现下拉框验证时失效问题. 问题现象： 如图所示,明明已经选择了选项,可是验证还是为空,因此不能提交请求 解决思路： 如果说找遍组件里的方法都无法...
await this.$confirm 报错
最新发布
10-24
`await this.$confirm` 报错通常发生在使用 Element UI（或其他类似 UI 框架）的确认对话框时，常见于 Vue.js 项目中。错误原因主要包括：缺少 `async` 声明、Promise reject 未捕获、`this` 上下文丢失或框架配置...
this.$message.success('success');js中不生效
09-20
根据用户的问题，用户在使用js中的this.$message.success('success')时遇到不生效的问题。结合站内引用，我们可以总结出几个可能的原因和解决方案： 1. **this指向问题**：在异步回调或特定作用域中，this可能不再...
1.使用element-ui的消息提示this.$message显示问题
m0_56693286的博客
05-14 2096
message消息提示和加载页面产生冲突，消息提示无法显示；1. 最基础的是没有引入相关js文件和css样式；2. 使用页面延迟加载可以解决问题。
Element按需加载之坑 ：为什么this.$message不起作用了？
peade的博客
09-02 1万+
为什么this.$message不起作用了？ 今天在使用elementUI的时候，准备使用this.$message来做个消息提示。顺溜地把代码写完了，一运行，发现代码报错了， this.$message is not function 看了看，我的代码 ... import {Message} from 'element-ui' ... Vue.use(Message) 这么写，好像没错。 ...
Vue + Element 中 this.$message 失效问题解决方法
热门推荐
hongyuancao的博客
03-02 5万+
⭐️个人博客：www.caohongyuan.cn，更多分享，欢迎浏览！⭐️ Vue的Element确实给开发者提供了很大的便捷，比如消息提示中的：this.$message 函数就非常好用。但是在某些情况下是失效的，比如如下代码所示： onSubmit: function () { if (this.formInline.title === '') { // 这里可...
$(this)在ajax里面不生效的探究
weixin_30915275的博客
02-14 141
第一个箭头时, 如果没有将$(this) 赋值给 _this ,那么$(this)就无法在ajax方法里面使用. 应该是应为他们属于不同的域. 赋值给_this的话, 就类似于全局变量 转载于:https://www.cnblogs.com/meibao/p/6398607.html...
Element UI 中组件this.$message报错
weixin_30897079的博客
03-24 488
　　最近在做毕设的时候，用Element UI中的消息提示message一直报以下的错误： 　　展示的效果也不好看，没有图标什么的： 　　但我明明有在main.js引入了element-ui 呀，因为毕设时间很赶，查了百度也没有解决方案，所以也没多在意了。今天终于忍不住了，想想试一下单独引入message，看可以不可以，结果真的可以了，超级开心的，哈哈哈哈~~~~ 　　在main.j...
elementui按需引入后使用this.$message报错
Benz_s600的博客
11-13 3448
前言：记一个在使用element-ui过程中遇到的一个问题，项目是vue/cli组合elementui框架搭建的，项目采用了按需引入组件的形式，在项目中有个地方需要使用到message提示框，所以使用了这种方法然后报错，上代码 main.js文件夹中 import {Message} from 'element-ui'; Vue.use( Message); 报错截图且会报错undefined /下图就是按需引入message然后使用报错的错误 修改使用方法 main.js文件夹中 import {
关于element中this.$message失效问题
m0_54559131的博客
01-06 2166
if (res.code === 'o') { this.$message({ type: "success", message: "更新成功" }) } else { this.$message({ type: "error", message: res.msg }) } 解决办法 import {Message} from 'element-ui' Vue.prototype.$message=Mes.
Element UI按需加载之坑,this.$message和this.$notify不起作用了？
m0_70015558的博客
06-17 3014
话不多说，直接上菜。大家有遇到这种情况吗？报错如下： 在main.js引入了，组件不起作用，问题在于引入方式。
使用ElementUI的Message不起效果的解决办法
夏天的博客
06-08 7287
使用ElementUI的Message不起效果的解决办法
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Math.random( ) ;

如果你刚好喜欢，则可以给我点动

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值