サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
tech-guild.com
ユーザ管理画面のUIをVeutifyのData tableを使って作ってみました。 ほとんどは公式のリファレンスを参考にしました。 https://vuetifyjs.com/ja/components/data-tables 概要 ここまでの経緯 Data tableで作ったものの紹介 ハマったところ 今後の課題 詳細 ここまでの経緯 以前の記事で、RailsでWebAPIを作り、ユーザ情報を管理するテーブルを作成しました。 このフロント部分にあたるものを、Vueで作成しており、今回VuetifyのData tableというコンポートネントを利用して作ってみたので、紹介します。 ソースはこちらに挙げました。 Data table で作ったものの紹介 GIFアニメーションで紹介 まずは以下のGIFアニメをご覧ください。 新規作成から更新、削除、フィルタの操作をしています。 入力フォームのバ
このページを最初にブックマークしてみませんか?
『tech-guild.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く