Category: Vue
-
Vuetify 2 Breaking Changes
Vuetify has been an excellent companion to me. I absolutely suck as a designer. I can hide behind libraries like Vuetify and unleash my web app creativity on this poor planet. -
eChart Display Issues in Tabs
I love Vue / Vuetify and use them quite often in my projects. I had to display charts in a couple of recent projects and my search led to v-charts. -
Use Google Recaptcha in Vue Forms
Google recaptcha is quite a powerful tool in reducing spam through our contact forms. Once included in our forms, reCaptcha automatically manages suspicious activity, prompts additional ‘bot vs. -
Show FAQs in Vue - The Simple Way
In one of the recent projects there was this requirement to create a FAQ page for a small application. The change was not planned and came up during the final stages of the project. -
Open Google Map URL on Button Click in Vue
Recently I had to incorporate Google map functionality on list of contact cards. I though it would be interesting to outline a decision map of what went into the design and development. -
Toggle to hide or show password in Vuetify
You can do the following in a password box to hide or show passwords on click. <template> <v-text-field name="password" :value="myPass" label="Enter password" :append-icon="value ? -
v-if vs. v-show in Vue
There are two ways to conditionally show or hide UI elements in Vue - v-show and v-if. Learn which option to use where. -
One way vs. two way binding in Vue
Vue supports two-way binding through the excellent v-model directive, and one-way binding using a :value= syntax. Both have their uses within a Vue component. -
Data vs Computed vs Watcher in Vue Components
There are three main ways to store variables and/or react to variable changes in Vue components. data computed Watch for changes in watcher So, how to decide when to use what? -
1 + 3 Ways to Get Components Talk to Each Other in Vue
Vue provides one excellent way and three other alternative ways of getting your components to work together to form one beautiful, seamless application. -
Vuex Store vs. Local Variables in Vue Components
Vuex is quite a powerful way of storing variables and sharing them across components, but where do you draw the line? -
Lazy load components as a general practice
Vue allows us to build out infinite blocks of components that can work together or build on top of another to provide UIs of increasing sophistication. -
I love search function in Vuetify data tables
Search in Vuetify data tables is just beautiful. Define a data table and a search is readily available for you. What else can a human ask for? -
Wait for User to Stop Typing in Search Fields on Vue UI
Let us see how we can easily accumulate requests when user types in a search (or auto-complete) fields and collate them in one go. -
Format Data Using Vue Filters
Vue filters provide an excellent way to format data on the UI. Define Vue filters using a filter: block in single file components, or use global filters.