Vuetify Tutorial #24 - Form Basics

Hey gang, in this Vuetify tutorial we'll look at how to create a simple web form using Vuetify form components.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[tomaszswiatek]

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:)

[maciejcelinski]

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

[johnnydriesen]

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 ?

[viniciusaugustus]

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

[nishantsethi]

If i do v dialog then background scroll stops working. How will i activate the bacground scroll? Thanks

[MohammadaAprilianto]

my prepend-icon is not changing color when focused. anyone can help? vuetify 3

[atishmhatre]

Shaun very nice Tutorial, Thank You! :)

[rowantamang]

prepend-icon="mdi-edit" not working

[maciejcelinski]

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'.

[kamranmaqbool]

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

[dudeking]

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

[pagevpetty]

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> . ...

[dtesta]

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

[roronoa_d_law]

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

[pagevpetty]

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

[hernanfigueroa]

how can i use the mask prop with an object?