Vue.js– tag –
-
【Vue.js】Vuetifyでmdiアイコンを使う3ステップ
Vuetifyでアイコンが使えずに困っていませんか？この記事ではVuetifyでmdiアイコンを使うための手順を3ステップで解説しています。参考になるかと思いますので、ぜひご一読ください。 -
Vue.js + VuetifyでStorybookを設定する方法
個人開発でVue.jsとVuetifyを使っており、Storybookを導入したいと考えました。 その手順を備忘録としてまとめます。 バージョン vue 3.4.21 vuetify 3.5.13 storybook 8.0.5 記事の信頼性 ぼくは独学で未経験から従業員300名以上の自社開発企業へ転職しま... -
Vue.jsコンポーネントからERBの画面へ遷移するにはhrefメソッドを使う
業務でERB（Embedded Ruby）でできている画面の一部分だけをVue.js化しています。 Vue.jsで作ったコンポーネントで特定の操作を実行した後にERBでできている別の画面へ遷移させたかったのですが、やり方が分からなかったので備忘録として残します。 バージ... -
【Vue.js】リアクティブなオブジェクトを分割代入で取り出すのはNG
Piniaで定義したリアクティブなオブジェクトをVue.jsのコンポーネントで取り出そうとしたのですが、なぜかリアクティブにならずハマったため、備忘録としてまとめます。 バージョン vue 3.3.11 pinia 2.1.7 記事の信頼性 ぼくは独学で未経験から従業員300... -
【Vue.js】ページネーション実装時にuseRouteでUncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘query’)とエラーが出た
Vue.jsでページネーションを実装していましたが、Vue Routerのインスタンスになぜかアクセスできず困ったため、備忘録として残します。 バージョン vue 3.3.11 vue-router 4.2.5 vuetify 3.4.9 記事の信頼性 ぼくは独学で未経験から従業員300名以上の自社... -
【Vue.js】Vue RouterをOptions APIとComposition APIに書き換える
vue-routerを使う機会があったのですが、Options APIとComposition APIで使い方が異なり、よく分からなかったので備忘録としてまとめます。 バージョン vue 3.3.11 vue-router 4.2.5 記事の信頼性 ぼくは独学で未経験から従業員300名以上の自社開発企業へ... -
Vue.jsコンポーネントからERBの画面をリロードするにはreloadメソッドを使う
ERBでできている画面のうち一部だけをVue.js化している人向けに、Vue.jsのコンポーネントからERBで実装されている画面をリロードする方法をまとめました。参考までにどうぞ。 -
【Vue.js】環境変数で本番環境と開発環境のURLを管理する
Vue.jsで環境変数を使い本番環境と開発環境のURL管理方法をまとめました。Viteの使用有無による違いも記載しています。参考までにどうぞ。 -
【Vuetify】v-selectで@changeイベントは使用不可
Vuetifyのv-selectでは@changeイベントは使えません。代わりの対処法をまとめたのでご覧ください。 -
Vue.js + Marked + highlight.jsでマークダウンエディタを実装する
Vue.jsでマークダウンエディタを実装する手順をまとめました。最後まで読めば誰でもマークダウンエディタを実装できるようになります。参考までにどうぞ。
12