请求参数的对象和路由参数进行合并
data(){
return{
searchParams : {
"category1Id": "",
"category2Id": "",
"category3Id": "",
"categoryName": "",
"keyword": "",
"order": "",
"pageNo": 1,
"pageSize": 3,
"props": [],
"trademark": ""
}
}
},
路由也定义相同名字的字段,使用object.assign
Object.assign(this.searchParams,this.$route.query)
监听路由变化
watch: { $route(newValue, oldValue) { console.log(newValue, oldValue) console.log('numbers正在被侦听') Object.assign(this.searchParams,this.$route.query) this.getSearch() }, },
点击三级分类不确定点的一级二级三级,先清空
watch: { $route(newValue, oldValue) { console.log(newValue, oldValue) console.log('numbers正在被侦听') this.searchParams.category1Id = '' this.searchParams.category2Id = '' this.searchParams.category3Id = '' Object.assign(this.searchParams,this.$route.query) this.getSearch() }, },
浙公网安备 33010602011771号