Vue js Pop Function: The pop() method in Vue JS removes the final element from an array and returns it. This technique modifies the array’s length. We’ll go over how to use native JavaScript arrays in this tutorial. A element of an array is removed using the pop function.
Delete item from end of the Array In Vue Js.
To Remove last element from array in Vue.js use native javascript pop() function.
Vue js Remove element last index of Array | Example
<div id="app">
<button @click="myFunction">Delete last Element </button>
<p>Countries : {{countries}}</p>
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
data()
{
return{
countries:['India','England','America','Australia','China','Russia'],
}
},
methods:{
myFunction(){
this.results = this.countries.pop();
},
}
}).mount('#app')
</script>
Output of above example
Get last item in an Array Using Vue Js.
To get the last index item value, use the pop function and store that value in a variab
Return last element in Vue js | Example
<div id="app">
<button @click="myFunction">Get </button>
<p>{{river}}<p>
<p>Return last Element: {{results}}</p>
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
data()
{
return{
river:['Amazon','Mekong','Amur','Volgo','Rhine','Danube'],
}
},
methods:{
myFunction(){
this.results = this.river.pop();
},
}
}).mount('#app')
</script>
Output of above example
