本文共 1346 字，大约阅读时间需要 4 分钟。

意欲寻找一个良好的警告提示，发现 Notification 还不错

1、在 template 中

   
     警告 
   

2、在 script 的 method 中

warnMoodIndex() {
   	this.$notify({
   		title: '警告',		message: '请选择心情指数，该数据项将用于分析您的心情趋势',		type: 'warning'	});	}

bug 1（得到解决）

报错：this.$notify is not a function

1、安装 vue-notification

cnpm install --save vue-notification

2、引入和组测组件

// 在 main.js 页面import Notifications from "vue-notification"Vue.use(Notifications)

bug 2（尚未解决）

报错解决了，但是点击按钮之后丝毫没有反应，通知消息的弹框并没有出来。那继续修改代码：

// 在 element.js 页面import {
    Notification } from 'element-ui'Vue.use(Notification)

bug 3（尚未解决）

嗯……弹框出来了，but，为什么是刷新页面自己弹出来的，点击按钮反而没有反应……

额……放弃

Message 消息提示、MessageBox 弹框、Notification 通知等方法的调用方式和在.vue文件中时不一样的，这一点要注意，他们是ElementUI中这项方法的封装的原始方法

ElementUI.Message 对应的是this.$message方法

ElementUI.Notification 对应的是this.$notify方法

ElementUI.MessageBox 对应的是this.$alert方法

console.log(ElementUI)就可以知道原因

参考：

============================ 更新 ============================

下面是来自评论的解决方案，我没有进行尝试和确认，但是感觉是正确的

小小一声雷：我最近也遇到这个问题，不过已经解决了：

this.Notification({
      title: '提示',  message: “”,  duration: 0,  position: 'bottom-right'})

这样bug1、bug2、bug3都解决啦

十分感谢小小一声雷

转载地址：https://blog.csdn.net/qq_41956139/article/details/104925128 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！