Vue Js find array item by index: In Vue.js, you can access the value at a specific index of an array by using the bracket notation To access an item in an array using its index, you can use the syntax array[index], where index is a number starting at zero. In this tutorial, we will learn how to access the specific index of an array using Vue.
In vue.js, how do you get the value at a specific index of an array?
To find elements of an array by its index number in Vue Js, use bracket notation to access an array using its index The following Vue example shows how to get the specific value of an array based on its index number.
In Vue.js, array indexes begin at zero for the first item, Example
<div id="app">
<p>Enter Index Number: <input @input='myFunction' type="number" v-model="index"/></p>
<p>Array value: {{results}}</p>
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
data()
{
return{
index:'',
months:['January','February','March','April','May','June','July','August','September','October','November','December'],
results:''
}
},
methods:{
myFunction(){
this.results = this.months[this.index];
}
}
}).mount('#app')
</script>
Output of above example
