%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div v-for="task in tasks.data" :key="task.id">
<p>{{task.id}}</p>
</div>
<pagination :data="tasks" @pagination-change-page="getResults"></pagination>
</div>
</div>
</div>
</template>
<script>
export default {
mounted() {
console.log('Component mounted.')
},
data(){
return {
tasks:{},
search:'',
}
},
methods:{
getResults(page = 1) {
axios.get('tasks?page=' + page)
.then(response => {
this.tasks = response.data;
});
},
loadusers(){
axios.get('/tasks').then(({data})=> (this.tasks = data));
}
},
created: function(){
this.loadusers()
},
}
</script>
Zerion Mini Shell 1.0