Digital Craftsman
  • Search
Sign in Subscribe

vuetify

A collection of 4 posts
Use Vue modifiers to make form handling with Vuetify easier
vue.js

Use Vue modifiers to make form handling with Vuetify easier

Vue contains two very convenient v-model modifiers for trim and number. Using them means that the models are only updated after the trim or number conversion are done, which means we don't have to do those things ourself anymore. As an example let's say we have
31 May 2021 2 min read
Format localized Vuetify datepicker value with Vue mixin
vuetify

Format localized Vuetify datepicker value with Vue mixin

The example for showing a formatted date in a datepicker with Vuetify uses a computed property to format the value in the text field. Something like this: <v-menu> <template v-slot:activator="{ on }"> <v-text-field :value="formattedDate" :label="$t('domain.manageFunds.
03 May 2021 1 min read
Checkbox group in Vuetify
vuetify

Checkbox group in Vuetify

There is already a component for a radio group from Vuetify, but if you want to handle multiple checkboxes, you're out of luck. It doesn't seem to likely, that this will change any time soon as a Github issue for it was closed by the maintainer
31 Aug 2020 1 min read
Working with forms and Vuetify
vue.js

Working with forms and Vuetify

Vuetify is a great component library, but it doesn't really guide you through the Javascript or Typescript part. I usually use Typescript and found a good way to handle forms throughout all components. It all start's with an interface: export interface FormDefinition { valid: boolean; fields: { [key:
09 Mar 2020 2 min read
Page 1 of 1
Digital Craftsman © 2025
  • Datenschutz
  • Impressum
Powered by Ghost