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 懸浮通知內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了Javascript快速排序算法的相關資料,需要的朋友可以參考下2014-12-12
Javascript標準DOM Range操作全集...2007-01-01
求得div 下 img的src地址的js代碼...2007-02-02
在組件上使用 wx:for 控制屬性綁定一個數(shù)組，即可使用數(shù)組中各項的數(shù)據重復渲染該組件。這篇文章主要介紹了微信小程序wx:for循環(huán)的相關知識,需要的朋友可以參考下2018-10-10
javascript 的面向對象特性參考...2007-01-01
a標簽的href與onclick事件，想必大家不陌生吧，至于它們有什么區(qū)別，你知道嗎？下面就為大家介紹下，感興趣的朋友可以學習下，希望對大家有所幫助2013-07-07
下面小編就為大家?guī)硪黄狫S函數(shù)定義方式的區(qū)別介紹。小編覺得挺不錯的，現(xiàn)在分享給大家，給大家一個參考。一起跟隨小編過來看看吧2016-03-03
本文給大家分享的是在學習JavaScript中比較容易記錯又非常實用的基礎知識，希望大家能夠喜歡。2016-09-09
javascript中數(shù)組array及string的方法總結
本文結合自己的使用經驗，給大家總結了javascript中數(shù)組array及string的使用方法，這里推薦給有需要的小伙伴。2014-11-11
本文將詳細介紹js arguments對象的使用方法，需要了解更多的朋友可以參考下2012-11-11