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

NotionAPIでデータベースにUserを追加する

Vue.js/Nuxt.js

Web3.js + Vue.js + MetaMaskで署名をする

Vue.js/Nuxt.js

Vueで要素の表示・非表示を検知する

Vue.js/Nuxt.js