Vuetify

JS

Laravel+Vue/Vuetify Paginationを使ってみる

簡単にページネーションを作れるVue/VuetifyのPaginationを使ってみます。Laravel側からAxiosを使ってAPIでデータを取得し、Vuetify/SimpleTablesで一覧表示させてそのページネーションとしてVu...
JS

Laravel Vue/Vuetify Vue Router まとめ

Vue RouterはLaravelの管理画面をvue-routerを使ってSPA化で使用し簡単に説明しましたがインストールや設定、リンク方法の復習からパラメータやクエリストリングの取得方法やパラメータやクエリストリングを変更しただけの同...
JS

Vue/Vuetify Vuexを使ってみる

Vue.jsで親子関係でない独立したコンポーネント間でもデータ共有したい場合は状態管理ライブラリVuexが便利です。Vuexの基本的な設置方法や注意点、別コンポーネントとの同期方法をVuetifyでサンプルを作って確認します。 開発...
JS

Vue/Vuetify ダイアログの設置と親子コンポーネント間のデータ送受信

Vue.jsにおける子コンポーネントの設置方法とpropsと使った親コンポーネントから子コンポーネントへのデータ送受信、および$emitを使った子コンポーネントから親コンポーネントへのデータ送受信をVuetifyのダイアログを例に説明しま...
PHP

Laravel+Vue/Vuetify 削除確認ダイアログを表示してデータ削除

前回はLaravel+Vue/Vuetify Data tableを利用してデータ一覧を作成しました。 Actionsのゴミ箱アイコンをクリックしたときに削除確認ダイアログを表示させて削除ボタンをクリックしたときにデータを削除できるように...
PHP

Laravel+Vue/Vuetify Data tablesで一覧作成

前回は非同期バリデーションとともに登録を行いました。今回はLaravelのSeederでテストデータを生成して、Vue/VuetifyのData tablesを使って登録した情報の一覧機能を作成します。LaravelのPagination...
PHP

Laravel+Vue/Vuetifyで非同期バリデーション

前回作成したVue/Vuetifyのフォームにおける登録処理時のLaravel側での非同期バリデーションの実装です。具体的にはAxiosで非同期でフォーム値を送信し、LaravelのRequestでバリデーションを行いエラーがあればAxi...
PHP

LaravelでVue/Vuetifyを使ってFormを作成

前回作成した管理画面で、Vue/Vuetifyを使用してテキストボックス、テキストエリア、ラジオボタン、チェックボックス、セレクトボックスの送信フォームを作成します。ラジオボタン、チェックボックス、セレクトボックスのリストはAxiosを利...
タイトルとURLをコピーしました