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-12-12
Javascript标准DOM Range操作全集...2007-01-01
求得div 下 img的src地址的js代码...2007-02-02
在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。这篇文章主要介绍了微信小程序wx:for循环的相关知识,需要的朋友可以参考下2018-10-10
javascript 的面向对象特性参考...2007-01-01
a标签的href与onclick事件，想必大家不陌生吧，至于它们有什么区别，你知道吗？下面就为大家介绍下，感兴趣的朋友可以学习下，希望对大家有所帮助2013-07-07
下面小编就为大家带来一篇JS函数定义方式的区别介绍。小编觉得挺不错的，现在分享给大家，给大家一个参考。一起跟随小编过来看看吧2016-03-03
本文给大家分享的是在学习JavaScript中比较容易记错又非常实用的基础知识，希望大家能够喜欢。2016-09-09
javascript中数组array及string的方法总结
本文结合自己的使用经验，给大家总结了javascript中数组array及string的使用方法，这里推荐给有需要的小伙伴。2014-11-11
本文将详细介绍js arguments对象的使用方法，需要了解更多的朋友可以参考下2012-11-11
最新评论