实时监听组件中路由的变化,通过watch来进行监听,当路由发生变化时,重新赋值,重新执行从后台获取数据的操作
watch: {
‘$route‘ (to, from) {
this.listQuery.keywords=this.$route.query.keywords
this.searchByKeywords()
}
},
methods: {
searchByKeywords() {
this.$store.dispatch(‘updateLoading‘, true)
fetchSearchByKeywords(this.listQuery)
.then(response => {
this.$store.dispatch(‘updateLoading‘, false)
this.listTotal = response.data.total
this.listData = response.data.data
})
.catch(error => {
console.log(error)
})
}
}
时间: 2024-10-11 22:31:23