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學(xué)習(xí)筆記（二）數(shù)組和對象部分
本文是學(xué)習(xí)筆記系列的第二篇，深入淺出的分別從javascript對象和數(shù)組兩個部分介紹了相關(guān)知識，并附上詳細(xì)示例，非常的實用，有需要的朋友可以參考下2014-09-09
本文主要詳細(xì)分析了JS變量，作用域以及內(nèi)存問題，同時附上非常多的實例，方便大家理解這3個概念，是篇不可多得的文章，希望對大家有所幫助2014-09-09
Javascript實例教程(19) 使用HoTMetal(6)
Javascript實例教程(19) 使用HoTMetal(6)...2006-12-12
淺析JavaScript 箭頭函數(shù) generator Date JSON
下面小編就為大家?guī)硪黄獪\析JavaScript 箭頭函數(shù) generator Date JSON。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要簡單介紹了Unicode與JavaScript的發(fā)展史的相關(guān)資料,需要的朋友可以參考下2015-01-01
本篇文章給大家從理論詳細(xì)分析了JavaScript運行原理以及知識點分享，對此有興趣的學(xué)習(xí)下吧。2018-02-02
javascript SpiderMonkey中的函數(shù)序列化如何進(jìn)行
JavaScript中如何進(jìn)行函數(shù)序列化，函數(shù)序列化的作用是什么？本文將介紹SpiderMonkey中的函數(shù)序列化，有需要的朋友可以參考下2012-12-12
Knockoutjs是一個JavaScript實現(xiàn)的MVVM框架.主要有如下幾個功能1. Declarative bindings2. Observables and dependency tracking3. Templating,需要了解的朋友可以參考下2012-12-12
在JavaScript中處理字符串之fontcolor()方法的使用
這篇文章主要介紹了在JavaScript中處理字符串之fontcolor()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Js中的onblur和onfocus事件應(yīng)用介紹
html頁面中，諸如按鈕、文本框等可視元素都具有擁有和失去焦點的事件，本文以文本框獲得和失去焦點為例簡單講解onfocus和onblur的應(yīng)用2013-08-08