Vue.js の router-link でイベントを付与できない

vue の router-link にクリックイベントを仕込もうとしたのですが、イベントが発生しませんでした。 <router-link to="/" @click="hoge" ></router-link> コンポーネントにイベントを付与しても、…

Contentful の設定(Vue.js)

ヘッドレスCMSの Contentful と Vue.js を用いて記事を取得するまでの流れです。この記事では Vue.js でやってますが、Nuxt.js の方が楽なのでおすすめです。どちらかというと、Contentful を使うまでの設定につい…

Vue の mapState を呼び出す

this.$store.state.PROPNAMEでストアのデータを呼び出せるが、長いので computed にまとめて呼び出すことが出来る。 mapState()がオブジェクトを返すので、直接 computed にぶちこむ computed: mapState( …

Webpack 4 + Babel + Sass 環境を構築

webpack 4 で sass と Javascript のコンパイルをする方法のまとめです。webpack は js ファイル一つに全てをまとめて、css ファイルの link タグも js 生成することが多いのかもしれませんが、読み込まれるまで一…

Javascript で 携帯電話番号チェック

Javascript を使って、携帯電話の番号なのかどうかチェックし、現在の携帯で使用可能な番号 090, 080. 070, 060 で始まり 4桁+4桁 の数字かどうか確認します。ハイフン付きも対応しています。 半角限定のチェッ…