In the previous article, we saw how we can limit the input characters text using a temporary state in Vue.js. In this tutorial, we'll look at how we can do…
Limit input text characters length using temporary states in Vue 3 | Example
In this example, we'll see how we can limit the length of text input (characters) using temporary states. Here's the code example: <script setup> import { ref } from 'vue'…
How to scroll to an element programmatically in Vue 3 | Example
There are multiple ways to scroll to a target element in Vue.js. Here in this tutorial, we're going to see how we can scroll to an element having an id.…
Get value of selected option from select dropdown in Vue 3 | Example
In this article, we'll see how we can get the value of the selected option from a select input in Vue 3. There are multiple ways to achieve this. In…
How to change page background color with a button click in Vue 3 | Example
Vue.js is powerful in DOM manipulation. The fact that the framework was created for this purpose stands correct in all situations. We can change the background or the body background…
How to reverse a list in v-for in Vue 3 | Example
Sometimes, we may want to reverse the list ordering without reversing the actual data. We can achieve the same with two different ways in Vue.js. We can update the rendering…
How to add Gtag / Google Analytics 4 in Vue.js / Nuxt.js | Example
There are multiple ways to add Gtag in a Nuxt.js application. Depending on the Vue.js version you're using, the ways would vary a bit. Let's have a look at how…
Send email with Sendgrid in Vue.js / Nuxt.js and Express.js | Example
Twillio's Sendgrid is one of the most popular email services used across the world. Sending an email from the front-end is a three-step process: We send the mail content (parsed…
Create a password strength indicator in Vue.js | Example
Showing a password indicator graphically is probably the best way to inform the user about their password strength. We can show different indicator colors and progress based on the entered…