SIerだけど技術やりたいブログ

5年目のSIerのブログです

js

Vuejs formタグ内のテキストフィールドでEnter押下時に、メソッドを実行する

SPAの場合はformタグに任せてデータをPOSTすることは稀で、通常は自身で定義したハンドラを呼び出してAjax通信を行う。以下は、ボタン押下時にexecメソッドを実行する例。 <template> <form> <input type="text" placeholder="username" /> <input type="text" placeholder="password" /> <button type="submit" @click="exec">submit</button> </form> </template> <script> export default { name…

Vuej.sでSPAを実現するときは注意してsetIntervalを使おう

setIntervalとは 一定の遅延間隔を置いて関数を繰り返し実行したいときに利用する。例えばポーリング。 developer.mozilla.org1秒ごとにコンソール出力する例。 <html lang="ja"> <script> window.setInterval(function(){ console.log("polling"); }, 1000); </script> <body> </body> </html> setIntervalの生存…

Vuejsでdataプロパティに値を動的に追加する方法(といいつつJSの基本を理解してなかったという話)

Vuejsのバージョン この記事はVuejs v2.3.3 で動作確認をしました。 ... "dependencies": { "vue": "^2.3.3", "vue-router": "^2.6.0" }, ... Vuejsのdataプロパティ Vuejsはdataオブジェクトのプロパティをリアクティブな値として扱う。つまり、dataオブジ…