vue-toastedを使って通知を出す

Vue.jsにはvue-toastedというプラグインがあり、画面上で通知をだすのにとても便利です。

少ないコードでピョコッといい感じに画面の右上に通知を出してくれます。

使い方

import Toasted from 'vue-toasted';

Vue.use(Toasted, {
  duration: 3000,
  singleton: true
});

// 成功の通知の場合
this.$toasted.success('表示する文章');

// 失敗の通知の場合
this.$toasted.error('表示する文章');

簡単なので、ぜひ使ってみてください。