In this tutorial, we will see you example of vue js get an array of length or object length. we will learn about vue js get array length or object length. if you worked with javascript or jquery then you know how to get array length.
In the vue js same way, you can get array length or object length in the vue js application and you can count array length or object length in vue js.
So, let's see how to get array length or object length in vue js.
We can use the v-for
directive to render a list of items based on an array.
<!DOCTYPE html>
<html>
<head>
<title>Vue JS Get Array Of Length Or Object Length Example - Websolutionstuff</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="example_1">
<ul>
<li v-if="myArray.length">Object Length : {{ myArray.length }}</li>
<li v-for="value in myArray">
Category : {{ value.category }}
</li>
</ul>
</div>
<script type="text/javascript">
var example_1 = new Vue({
el: '#example_1',
data: {
myArray: [
{category: 'Laravel'},
{category: 'PHP'},
{category: 'Shopify'},
{category: 'Magento'}
]
}
})
</script>
</body>
</html>
Output :
Object Length : 4
Category : Laravel
Category : PHP
Category : Shopify
Category : Magento
You might also like :
In this small post i will show you how to upload file on the ftp server using php. As we know there are many ftp functio...
May-20-2021
In this article, we will see how to convert a laravel query to an SQL query. Many times we required laravel query builde...
Oct-27-2022
In this article, we will see how to validate email using jquery. we will use regular expression(regex) for email va...
Nov-09-2022
In this article, we will how to add a watermark to an image in laravel 10. Here we will learn about laravel 10 adding a...
Mar-31-2023