Nuxt.jsでtoastを使う

2021/02/13

#Vue.js/Nuxt.js

Nuxt.jsでトーストを使う方法をメモ

インストール

npm i @nuxtjs/toast --save


nuxt.config.js

modules: [
   '@nuxtjs/toast',
],
toast: {
      position: 'top-right',
}


表示

Success

this.$toast.success("テキスト")

Error

this.$toast.error("テキスト")


参考サイト


関連記事:Vue.js/Nuxt.js

Nuxt.js + microCMS + Nuxt Contentでブログを作り直してみた

Vue.js/Nuxt.js

[Nuxt.js]動的なルーティングを含めてgenerateする方法

Vue.js/Nuxt.js

[Nuxt.js]nuxt.config.jsに環境変数を定義してプログラムから読み込む方法

Vue.js/Nuxt.js