闇鍋

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

人生初の一人暮らし引越日記

しゅりんぷっぷー! シュリンピア帝国 Advent Calendar 2023 19日目です。 そして誕生日おめでとう私&みゆみゆさん! お互い良き1年となりますように! ─完─ ごめんて 冗談です。 本当はRRRについての感想文(論文)を書こうと思ってたんですが、去年くらいか…

極力疲れないように、疲れを溜めないようにぼちぼちで働きたい

HelloWorld!! みみみみみです。 みすてむずAdvent Calendar 2023(2) 19日目 そして私の誕生日です。祝われてあげてもいいんだからね。 1ミリもシステム関係ない内容で大変恐縮ですが、ちょっとでも仕事よりの話をしようと思って。 でも労働嫌いだから仕事…

null+nullは0だったんか事件

何が起きた JavaScriptにて let postal1 = '123' let postal2 = '4567' fullPostal() { return postal1 + postal2 } みたいに、「郵便番号をハイフン区切りで入力させた後結合させる」をしたかったのである postal1、postal2の初期値はどちらも""にしており…

$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()で数値型に変換してたけど、その必要がないってことだ~