element $notify 悬浮通知使用详解
更新时间：2020年06月12日 15:09:33 作者：敲代码无敌小奶龙
这篇文章主要介绍了element $notify 悬浮通知使用详解，主要讲解如何使用this.$notify做一个悬浮通知，本文通过示例代码给大家介绍的非常详细，感兴趣的朋友一起看看吧
2024.04.28今天我学习了如何使用this.$notify做一个悬浮通知，
官方文档：Element - The world's most popular Vue UI framework
然后我根据官方文档做了修改，效果如下：
增加了可点击查看详情的按钮，代码如下：
const h = this.$createElement
this.$notify({
title: '通知',
duration: 0,
message: h('p', [
h('p', null, 'xxxxxxxx通知'),
h('p', {
style: 'text-align: right;width:280px;dispaly:block;margin-top: 8px;color:#43c39d;cursor: pointer;',
on: {
click: () => {
this.view_more_notice_click();
},
},
}, '查看详情'),
]),
});到此这篇关于element $notify 悬浮通知使用的文章就介绍到这了,更多相关element $notify 悬浮通知内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本文是学习笔记系列的第二篇，深入浅出的分别从javascript对象和数组两个部分介绍了相关知识，并附上详细示例，非常的实用，有需要的朋友可以参考下2014-09-09
本文主要详细分析了JS变量，作用域以及内存问题，同时附上非常多的实例，方便大家理解这3个概念，是篇不可多得的文章，希望对大家有所帮助2014-09-09
Javascript实例教程(19) 使用HoTMetal(6)
Javascript实例教程(19) 使用HoTMetal(6)...2006-12-12
浅析JavaScript 箭头函数 generator Date JSON
下面小编就为大家带来一篇浅析JavaScript 箭头函数 generator Date JSON。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要简单介绍了Unicode与JavaScript的发展史的相关资料,需要的朋友可以参考下2015-01-01
本篇文章给大家从理论详细分析了JavaScript运行原理以及知识点分享，对此有兴趣的学习下吧。2018-02-02
javascript SpiderMonkey中的函数序列化如何进行
JavaScript中如何进行函数序列化，函数序列化的作用是什么？本文将介绍SpiderMonkey中的函数序列化，有需要的朋友可以参考下2012-12-12
Knockoutjs是一个JavaScript实现的MVVM框架.主要有如下几个功能1. Declarative bindings2. Observables and dependency tracking3. Templating,需要了解的朋友可以参考下2012-12-12
在JavaScript中处理字符串之fontcolor()方法的使用
这篇文章主要介绍了在JavaScript中处理字符串之fontcolor()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用2013-08-08
最新评论