请求参数的对象和路由参数进行合并
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() }, },