Vuetify Tutorial #24 - Form Basics

Thanks a lot for those videos. Even though they're a little old, they still help so much. Thank you :)

I didn't know that Karl Pilkington is a Vuetify expert??

How pop up button is open when you click on add button

I appreciate your videos so much!

prepend-icon="mdi-edit" not working

For anyone with the 'no-console" problem. Just add "no-console" : "off" to eslintConfig --> rules : {} in package.json and then restart npm run serve

Problem starts when I try to place button on the right side of a form. Apparently 'right' can only be added with "absolute' or 'fixed'.

really? no ideas? why I keep getting double lines under the fields?

how to make that when you click on "add the project" to validate, the dialog closes ?

does anyone know why I keep getting double lines under my card fields?


<v-card>
<v-card-title id="card-title" class="justify-center">
<h4 class="purple-text ">Edit {{ item.title}} item</h4>
</v-card-title>


<!--TITLE FIELD-->
<v-card-text>
<v-form class="px-3" ref="form">
<v-text-field v-model="item.title" label="Item title: ">
</v-text-field>
</v-form>
</v-card-text> . ...

how can i use the mask prop with an object?

I would have set the "@submit" event to the <v-form> element instead of attaching the "@click" on the button, that way it would also allow the user to press "enter" for submitting the form.

I'm just got crazy :). What did i use so long bootstrap or bulma? I didn't know any framework for sure, but this is really coool stuff:)

How do I give a custom border-radius to v-combobox

Hi...
First of all, thanks again for this wonderful & clear explanation.
If I can ask ... any particular reason why you're not using v-card-actions to place the buttons ?

Many thanks!!!!

Shaun very nice Tutorial, Thank You! :)