请求参数的对象和路由参数进行合并

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()
        },
    },

 

posted @ 2023-08-10 00:30  sgj191024  阅读(18)  评论(0编辑  收藏  举报