element?$notify?懸浮通知使用詳解
更新時間：2020年06月12日 15:09:33 作者：敲代碼無敵小奶龍
這篇文章主要介紹了element?$notify?懸浮通知使用詳解，主要講解如何使用this.$notify做一個懸浮通知，本文通過示例代碼給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧
2024.04.28今天我學(xué)習(xí)了如何使用this.$notify做一個懸浮通知，
官方文檔：Element - The world's most popular Vue UI framework
然后我根據(jù)官方文檔做了修改，效果如下：
增加了可點擊查看詳情的按鈕，代碼如下：
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();
},
},
}, '查看詳情'),
]),
});到此這篇關(guān)于element $notify 懸浮通知使用的文章就介紹到這了,更多相關(guān)element $notify 懸浮通知內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Javascript快速排序算法的相關(guān)資料,需要的朋友可以參考下2014-12-12
Javascript標(biāo)準(zhǔn)DOM Range操作全集
Javascript標(biāo)準(zhǔn)DOM Range操作全集...2007-01-01
求得div 下 img的src地址的js代碼...2007-02-02
在組件上使用 wx:for 控制屬性綁定一個數(shù)組，即可使用數(shù)組中各項的數(shù)據(jù)重復(fù)渲染該組件。這篇文章主要介紹了微信小程序wx:for循環(huán)的相關(guān)知識,需要的朋友可以參考下2018-10-10
a標(biāo)簽的href和onclick 的事件的區(qū)別介紹
a標(biāo)簽的href與onclick事件，想必大家不陌生吧，至于它們有什么區(qū)別，你知道嗎？下面就為大家介紹下，感興趣的朋友可以學(xué)習(xí)下，希望對大家有所幫助
2013-07-07 
下面小編就為大家?guī)硪黄狫S函數(shù)定義方式的區(qū)別介紹。小編覺得挺不錯的，現(xiàn)在分享給大家，給大家一個參考。一起跟隨小編過來看看吧
2016-03-03 
本文給大家分享的是在學(xué)習(xí)JavaScript中比較容易記錯又非常實用的基礎(chǔ)知識，希望大家能夠喜歡。
2016-09-09 
javascript中數(shù)組array及string的方法總結(jié)
本文結(jié)合自己的使用經(jīng)驗，給大家總結(jié)了javascript中數(shù)組array及string的使用方法，這里推薦給有需要的小伙伴。
2014-11-11 
本文將詳細(xì)介紹js arguments對象的使用方法，需要了解更多的朋友可以參考下
2012-11-11