Level 37
Lately I have some issues with chrome, and the problem coming from the cache.
try one time Chrome Canary or Incognito Window
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I have a pagination component built with Vue 1, for which I am receiving data from Laravel pagination:
<template>
<div class="row">
<div class="col-md-8">
<div v-if="zeroVideos">No videos found for "{{ query }}""</div>
</div>
<div class="col-md-8">
<single-video v-for="video in videos" :video="video"></single-video>
</div>
</div>
<div class="row justify-content-center">
<pages v-if="meta && videos.length && showPagination" for="videos" :pagination="meta.pagination"></pages>
</div>
</template>
<script>
import eventHub from '../events.js'
export default {
props: ['query'],
data () {
return {
videos: [],
meta: null,
showPagination: false,
zeroVideos: false,
}
},
methods: {
getVideos (page) {
this.$http.get('/search/videos?q=' + this.query + '&page=' + page).then((response) => {
this.videos = response.data.data
this.meta = response.data.meta
this.showPagination = response.data.meta.pagination.total_pages > 1
console.log('Videos ' + response.data.meta.pagination.total)
this.zeroVideos = response.data.meta.pagination.total < 1
eventHub.$emit('videos.counter', response.data.meta.pagination.total)
})
}
},
ready() {
this.getVideos(1)
eventHub.$on('videos.switched-page', this.getVideos)
}
}
</script>
For some reason, after I have updated my chrome, pagination stopped working and I am getting undefined for response.data.meta , but on checking the network tab in the console, I am sending the data from the backend:
data[{id: 43, uid: "15883245ef3de1",…}, {id: 44, uid: "15883245ef3de2",…},…]
meta:{pagination: {total: 8, count: 8, per_page: 20, current_page: 1, total_pages: 1, links: []}}
The pagination works fine on IE, Firefox and Safari, but on Chrome I have problems after updating. What is wrong?
Please or to participate in this conversation.