分页功能删除最后一条数据返回上一页、判断对象是否为空的几种方法、关于一些全局适用的数据怎么做到公用

element-ui分页功能删除最后一条数据返回上一页

方法一:

delSubmit() {
      this.$api
        .delete({
          url: `/contractParam/delect/${this.delId}`,
          headers: { "Content-Type": "application/json;charset=UTF-8" },
        })
        .then((e) => {
          if (e.data.code == 200) {
            this.$message({
              message: "删除成功!",
              type: "success",
            });
            //=====================================
            let totalPage = Math.ceil((this.pageJson.total - 1) / this.pageJson.limit); // 总页数
            let currentPage =
              this.pageJson.page > totalPage ? totalPage : this.pageJson.page;
            this.pageJson.page = currentPage < 1 ? 1 : currentPage;
            //=====================================
            this.query(this.pageJson.page);
          }
        })
        .finally(() => {
          this.delVisit = false;
        });
    },
复制代码

方法二:

if (
  this.pageJson.total - 1 ==
    (this.pageJson.page - 1) * this.pageJson.limit &&
  this.pageJson.page != 1
) {
  this.pageJson.page--;
}
this.query(this.pageJson.page);
复制代码

判断对象是否为空的几种方法

  1. 将json对象转化为json字符串,再判断该字符串是否为”{}”
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true
复制代码
  1. 使用ES6的Object.keys()方法
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true
复制代码
  1. Object.getOwnPropertyNames()方法

此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回数组对象,我们可以通过判断数组的length来判断此对象是否为空
注意:此方法不兼容ie8,其余浏览器没有测试

var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true
复制代码

关于一些全局适用的数据怎么做到公用

  1. 在utils文件夹中创建一个js文件,暴露出你的数据

image.png

  1. 在你需要用的地方引入,直接使用即可

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享