Vue3 + Vuetify3 Vue2が2023/12/31でEOLを迎えるのでそろそろVue3も勉強しないとなと思いつつも放置していたが、そろそろ触らないといけない機会が増えてきそう。 Vuetify3も正式リリースされているので、環境をまずは構築する。 環境の構築 Node.jsのインス…

v-text-fieldのv-slot:prepend v-text-fieldのv-slot:prependを使うと以下の画像のように入力フィールドの前に指定した文字を表示させることができる。 この時先頭に追加する文字が半角英数字であれば文字の途中で改行されることが無いが、日本語を使うと文…

Vue 2でコンポーネント間のデータのやり取りを行う 普段Vueをそれほど頻繁には使わないのでv-model、.syncを使った方法をよく忘れるので備忘録として記載する 記載してあるソース全文についてはindex.htlmの様にコピペしてローカルでそのまま動きます。(VueC…

vue.jsのdataに定義された変数を文字列で指定したい 以下のように定義されているとする この時にthis.firstValueを"this.firstValue"の様に文字で指定してthis.firstValueに値を入れたいとする <script> new Vue({ el: "#app", vuetify: new Vuetify(), components: …