Vue - A Weblog of Priyank Maniar

Vuetify V-list

Learning about V-list, V-list-item-group

So, as we know we can set a value at v-list-item and a model at v-list-item-group. This works great for most cases. I once had…

priyankmaniarJune 30, 2023

Javascript Vue Vuetify

Validating image existence on the client side with JavaScript, Vue & Vuetify

Validating an image path on a client-side is slightly tricky. It is easy with <v-img @error for simple usage but for a more real-world or…

priyankmaniarJune 13, 2023

Vue Vuetify

Vue 2 (and Vuetify): Allow only numeric characters for phone

I used watch for this but there's one small little tricky part. phone: function (val) { let self = this; self.$nextTick(function () { self.phone =…

priyankmaniarJanuary 17, 2023

Uncategorized V-dialog Vue Vuetify

Vuetify: Working with v-dialog in a single file component (SFC)

I often make all dialogs as a single file component (SFC). Then there are a couple of problems that I come across, but there are…

priyankmaniarMay 23, 2022

Vuetify V-dialog

All Learnings for v-dialog

V-Dialog fullscreen hiding behind WordPress Sidebar The trick is to add the z-index to the v-dialog

priyankmaniarMarch 4, 2022

V-Select

[Solved] Vuetify V-Select Not Showing Placeholder/Label

V-select was not showing the placeholder. The fix is easy, we just need one attribute and that does it.

priyankmaniarJanuary 9, 2022

Uncategorized Vue

Vue V-for with number instead of Array

Yep that does it. item.score is a number not an Array.

priyankmaniarJune 6, 2020

Vue

Vuelidate – How to …?

This article contains all my learnings of the Vuelidate plugin. Should you find this helpful, please consider dropping a comment :) How to use perform…

priyankmaniarDecember 9, 2018

Vue Vuelidate

Does Vuelidate offer any emailIf or emailUnless like requiredIf or requiredUnless?

The answer is no but we still have a problem that we need to solve. What do we do now? Well, the answer is we…

priyankmaniarDecember 3, 2018