【typescript】vue-property-decorator(vue-class-component)で$refsを扱う

今回はvue.js(Nuxt.js)でtypescriptを利用している際の`$refs`の扱い方です。

記載するコードはbootstrap-vueのカルーセルを制御する際に必要だった`$refs`の扱い方サンプルです。
カルーセルのスライドを前後させるUIを、デフォルトのUIではなく独自で作ったので`$refs`を利用してイベント発火させています。

javascriptで要素の一番下までスクロールされたことを検知するスニペット

今回はhtmlの要素が全部閲覧されたか?つまり一番下までスクロールされたかを判定するjavascriptのスニペットです。
素のjavascript版とvue.js版での実装をサンプルコード付きでご紹介します。
利用規約やプライバシーポリシーなど、最後まで読んでもらったことを確認してから同意したい場合などに使えると思います。

Nuxtでaxiosを使ってCORSエラーを出さずに無料で郵便番号検索をする

今回は郵便番号を入れたら住所を自動入力する機能についてです。
フロントエンドからxhrでリクエストしたら多くのサイトでCORSのエラーで引っかかってしまったのでその対応方法です。
サンプルの内容を利用していただければ、郵便番号検索機能作成が1,2時間で終わるかと思うので参考になれば幸いです。