Intro to One-Page CRUD Tutorial
1:34
Creating a Tags Admin Page (CRUD: READ)
4:15
Inline Editing (CRUD Update)
10:28
Deleting Tags (CRUD Delete)
4:34
Adding Tags, Inline (CRUD Create)
7:45
Review
5:02
0% done with Complete CRUD in ONE page - includes inline editing

Chapter 12 of 27 in Building VueScreencasts.com
Inline Editing (CRUD Update)

The user wants to change the name of a tag, but without going to a new screen. Our solution is to let them click on the name and have it turn immediately into an editable text field.

The Vuex implementation doesn't contain any surprises, but the UI for this is interesting. Our solution involves learning new events, then using setTimeout/$nextTick to make sure stuff happens in the right order.

What do others think of VueScreencasts?
"Very well explained."
—Leon van Rijswijk
"Short, precise, step-by-step, beginner-friendly and clear."
—Naty Java
"Really nice video with nice explanation. Subscribe"
—Igor Špánik
"Dude, it's an excellent video. Soothing voice, extensive and crystal clear explanations, troubleshooting common issues... You do it and you do it well. Keep up the good work & congratulations :-) Subscribed without the slightest hesitation"
—BillyBobBonnet
Take your career to the next level