minitoastr是一款Vue的小型消息提示庫,它簡單易用,體積小且自定義性強。在Vue項目中,如果需要顯示一些提示信息,minitoastr是一個不錯的選擇。
使用minitoastr需要先安裝它,可以使用npm或 yarn 進行安裝:
npm install minitoastr --save 或 yarn add minitoastr
在Vue項目的入口文件中,引入并注冊 minitoastr:
import Vue from 'vue' import toastr from 'minitoastr' // 注冊 Vue.use(toastr, { timeout: 3000, position: 'top-right' })
注冊完成后,就可以在Vue組件中使用 minitoastr 了。
使用 minitoastr 提示信息時,可以選擇以下幾種類型:
this.$toastr.success(message, title) this.$toastr.error(message, title) this.$toastr.warning(message, title) this.$toastr.info(message, title)
其中,message 參數(shù)為提示內(nèi)容,title 參數(shù)為提示標題,兩個參數(shù)都可以省略。
此外,還可以設(shè)置 minitoastr 的一些屬性,比如timeout和position,用于控制提示框的顯示時間和位置。更多詳細的用法可以參考官方文檔。
上一篇mysql可用表格