工作总结 #4

在Avue-crud 中搜索方法 @search-change 中将params传给query后，如下

// 搜索框搜索
searchChange(params, done) {
    this.query = params;
    this.page.currentPage = 1;
    this.onLoad(this.page, params);
    done();
},

我们应当在onload方法中，定义一个方法用于对象的合并

//表格加载
onLoad(page, params = {}) {
    this.loading = true;
    // 获取信息
    getInfo(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
    ).then((res) => {
        console.log(res);
    });
    this.loading = false;
},

Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）

const target = { a: 1 };
 
const source1 = { b: 2 };
const source2 = { c: 3 };
 
Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。

此处引用：VUE Object.assign()的使用