vue2 mixin混入【封装全局表格数据重置摁钮】

需求说明

基本上每个页面都有筛选数据的功能

那么每个页面都写一遍重置按钮的方法吗？那就太臃肿了
此处有更优方案，使用mxin：

功能封装

export default {
  methods: {
    resetFilter(form, method = "getData", fn) {
      if (!this[form]) {
        form = "queryForm";
      }

      for (let item in this[form]) {
        this[form][item] = "";
        if (item === "pageNum") {
          this[form]["pageNum"] = 1;
        }
        if (item === "pageSize") {
          this[form]["pageSize"] = 20;
        }
      }
      this[method]();
      if (fn && typeof fn === "function") {
        fn()
      }
    },
  }
}

使用

在需要的页面导入即可

注意：

效果