Nuxt

【Nuxt.js】scssを使用できるようにする方法

インストール方法 (1)ライブラリをインストールする。 npm i -D sass sass-loader fibers (2)nuxt.config.jsを編集する。 import Sass from 'sass'; import Fiber from 'fibers'; export default { ... build: { loaders: { scss: { implementation: Sass, s…

【Nuxt.js】エラーページへ遷移させる方法

this.$nuxt.error(); 引数として、statusCodeとmessageを指定することが出来る。 this.$nuxt.error({ statusCode: 404, message: 'エラーが発生しました。', });

【Nuxt.js】queryパラメータの更新時にasyncDataが実行されるようにする方法

全てのqueryパラメータ更新時に実行されるようにしたい場合 watchQueryプロパティに、trueを設定する。 export default { watchQuery: true, }; 一部のqueryパラメータ更新時に実行されるようにしたい場合 watchQueryプロパティに、対象としたいqueryパラメ…

【Nuxt.js】ページ遷移時にスクロール位置をトップに戻すかどうかを指定する方法

scrollToTop プロパティで、スクロール位置をトップに戻すかどうかを指定できる。 export default { scrollToTop: true };