tekitoumemo’s diary

思ったことを書くだけ。長文版Twitter

2020-03-01から1ヶ月間の記事一覧

VeeValidateで一括検証+スクロールするmixins

v3ではValidationObserverが追加され、一括検証が楽になった(v2知らない😇) 一括検証+エラーの要素にスクロールできれば嬉しいはずなので、そのmixinsを書く。 スクロールはお任せで、vue-scrolltoとかいいんじゃないかしら。page/hoge.vue <ValidationObserver ref='observer'> <ValidationProvider/> <ValidationProvider/> </ValidationObserver> <script> import Val…

universalモードでのaxiosのエラーハンドリングを共通化する

universalモードの場合、SPAのハンドリング、SSRのハンドリングをしなければならない。SPAの場合はビューで制御して ビュー - NuxtJSSSRの場合はnginxのerror_pageディレクティブとか使って制御する必要がある 。フロントもSSR、SPAを判定してエラーハンドリ…

[NustJS]外部ファイルからstoreにアクセスする

NuxtJSではコンポーネントやplugins、middlewareなどなど、contextにアクセス出来ないことがある。つまりstoreにアクセス出来ない。やり方はいろいろあるが、自分なりの落とし所を書く。 globalで使う(やばい) .eslintrc.js globals: { $store: true, ... …

正規表現を使ってディレクトリ内のファイルをrequire出来るようにする

requireでは、ファイル名を直接指定する必要がある。 require const hogehoge = require('./hoge/hogehoge.js') たまーに動的に使いたいときがある(NuxtJSでVeeValidateでカスタムルール作るときとか)。 こう使ってたりすることが多い。 names.forEach(nam…