闇鍋

趣味も勉強も全部ごった煮。質より量より継続重視

Vue.js

$route.pushでparamsを指定するときは、nameを使わないといけない

タイトル通り、$route.pushでparamsを指定するときはpathではなくてnameを使わないと動かない。 よーく読むと公式ドキュメントにも書いてあった… v3.router.vuejs.org router.push({ name: 'user', params: { userId: '123' } }) これならparamsが付けられる…

v-cloakの使い所

v-cloakは、マスタッシュが一瞬ちらついて表示されるのを防ぐために使われる reffect.co.jp じゃあそれv-textで書けばよくね?と思った …のだけど、{{name}}さん、こんにちは みたいに文字列組み合わせて書きたいときはマスタッシュ構文使う方がシンプルに書…

Vue.jsのv-preディレクティブ

なんぞこれ 正直使いどころがいまいちわからないけど、「v-preが付いている要素とすべての子要素のコンパイルをスキップ」するディレクティブ らしい。 つまりはマスタッシュ構文を無効化して、{{ message }}とかをそのまま表示してくれる。 <div> <a href="#" v-pre>Hello {{ messa</a></div>…

フォームの入力値を数値で受け取る

2年くらいVue使っているのに知らなかったのでメモ。 <input v-model="number"> だと、フォームに数字を入れても文字列になってしまうが、 <input v-model.number="number"> とすることで数値型のまま受け取る事ができる。 毎回Number()で数値型に変換してたけど、その必要がないってことだ~