Vue向后端发送多字段数据的技巧记录-Object.assign()方法

场景：当前端需要一次性传递很多字段数据的时候，且这些数据都是可传可不传的，我们可以通过Object.assign() 方法简化向这些字段赋值

Object.assign()  ES6合并对象，把后面的形参内容 合并（更新）到第一个形参中

data() {
    return {
      searchParams: {
        category1Id: "",
        category2Id: "",
        category3Id: "",
        categoryName: "",
        keyWord: "",
        order: "",
        pageNo: 1,
        pageSize: 10,
        props: [],
        trademark: "",
      },
    };

// Object.assign() ES6合并对象，把后面的形参内容 合并（更新）到第一个形参中

    Object.assign(this.searchParams,this.$route.params,this.$route.query)

// 用整理好的数据发送请求