2019/04/28VuetifyのDataTableとPaginationの状態をVuexで管理するなにこれ VuetifyのDataTableとPaginationを使った検索一覧画面でページングの状態を、ルーティングをまたいで保存しておきたい。という要望を満たすため、ページングの状態をVuexで管理する方法をメモします。 DataTable…Vue.jsVuetifyVuex
2019/04/21VuetifyのSnackbarで複数メッセージ表示する方法なにこれ VuetifyのSnackbarはメッセージを1つしか表示できません。こちらGitHubでもissueになっています。 ただUIとしてはメッセージを複数表示できたほうが便利なので、今回はVuetifyのSnackbar…VuetifyVue.js
2019/04/07Vuetify + VeeValidate + VueI18nでカスタムバリデーション作成時にロケールごとのエラーメッセージを設定する方法なにこれ Vuetify + VeeValidateで入力チェックする際に、VueI18nを使ってエラーメッセージを多言語対応・共通化する場合に、カスタムバリデーションのエラーメッセージをロケールごとに設定する方法について紹介します。 実装方法 以前の記事「Vuetify…Vue.jsVuetifyVeeValidateVueI18n
2019/03/24VuetifyでSelectタグを使う時の注意点なにこれ 最近Vue.jsのマテリアルデザインのUIフレームワーク「Vuetify」を使っています。 とても便利で、管理アプリのようにデザインにこだわる必要がなければ、CSSをほとんど書かずに済むくらいコンポーネントが充実しています。 ただSelectタグでlabelとvalue…Vue.jsVuetify
2019/03/02Vuetify + VeeValidate + VueI18nでエラーメッセージ共通化なにこれ Vuetify + VeeValidateで入力チェックする際に、VueI18nを使ってエラーメッセージを多言語対応・共通化する方法について紹介します。 定義方法 VeeValidate VeeValidate…Vue.jsVuetifyVeeValidateVueI18n