$notify是Vue.js框架中的一個(gè)全局方法,可以快速地在應(yīng)用中彈出提示信息。使用$notify方法非常方便,向其中傳遞需要提示的信息和提示類型就可以了:
$notify({
title: '成功',
message: '操作成功!',
type: 'success'
});
上述代碼會(huì)在界面上彈出一個(gè)綠色的提示框,顯示內(nèi)容為“成功”和“操作成功!”。在Vue.js應(yīng)用中使用$notify方法需要在main.js中添加如下代碼:
import Vue from 'vue';
import Notifications from 'vue-notification'
Vue.use(Notifications);
這里需要注意的是,需要先使用npm或yarn安裝vue-notification庫。
$notify方法還提供了很多其他功能,比如可以設(shè)定提示框顯示時(shí)間,或者為不同類型的提示定義不同的icon。下面的代碼演示了如何設(shè)定顯示時(shí)間和icon:
$notify({
title: '錯(cuò)誤',
message: '操作失敗!',
type: 'error',
duration: 3000,
icon: 'fa fa-exclamation-circle'
});
上述代碼會(huì)在界面上彈出一個(gè)紅色錯(cuò)誤提示框,顯示內(nèi)容為“錯(cuò)誤”和“操作失敗!”,并且提示框會(huì)在3秒后自動(dòng)關(guān)閉。同時(shí),icon被設(shè)置成了一個(gè)紅色的感嘆號(hào)。
總之,$notify方法是一個(gè)非常方便實(shí)用的全局方法,可以在Vue.js應(yīng)用中快速地彈出提示框。想了解更多關(guān)于$notify方法的詳細(xì)信息,請(qǐng)查看Vue.js官方文檔。