There are plenty of libraries out there that will have you up and running with a good tooltip solution in minutes. However, if you are like me, you are sick and tired of giant dependency trees that have the distinct possibility of breaking at any time. For that reason, we are going to build a … Read more Creating a Custom Tooltip Component in Vue
Custom toggle switches are a pain to code from scratch. So many lines for such a simple UI widget! In this quick tutorial, we will learn how to build a toggle switch in Vue.js, and it will be a fully encapsulated component! The component we are building is used currently on Qvault’s login page. Go … Read more How to Create a Custom Toggle Switch Component in Vue.js
When we first launched the Qvault single-page-app, we were using Vue Router’s default hash routing. Hash routing looks ugly to the end-user, and when you want to be able to share parts of your app via direct link those hashes can get really annoying. We have since moved to the newer HTML5 History Mode which … Read more Vue History Mode – Support Legacy Hash URLs
In single-page apps that use the Vue Router, it is common to create a path parameter that changes the behavior of a route. A common problem occurs when a user alters the path manually in the address bar. Manually changing the URL does not rerender the view! This can cause unexpected behavior because mounted() hooks … Read more How to Rerender a Vue Route When Path Parameters Change
I’m a gopher by nature, so I expect consistent styling and linting in my codebases. More importantly though, I don’t like to think about styling. I like to type haphazardly and then have my editor apply styling automatically on save (ctrl+s, cmd+s). If you are the same way, hopefully this will help you in your … Read more Simple Setup – Vue Linting in VS Code
Customizing the design of a select tag is notoriously difficult. Sometimes it’s impossible without building your own from scratch using a combination of styled divs with custom JavaScript. In this article, you will learn how to build a Vue.js component that can be styled using completely custom CSS. Demo: https://codesandbox.io/s/custom-vuejs-select-component-8nqgd The HTML The following is … Read more How to Make a Custom Select Component in Vue.js
