实时监听组件中路由的变化

Posted 2020-10-17 追风少年

实时监听组件中路由的变化，通过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)
})
}
}