vue 关于数据处理的一些函数

朵蓝梦

已于 2022-05-11 17:24:31 修改

阅读量416

点赞数

分类专栏：前端文章标签： vue

于 2022-04-27 11:43:23 首次发布

本文链接：https://blog.csdn.net/xinlvmylife/article/details/124447155

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、一个对象，与另外一个对象，属性高度重合。一个对象给另外一个赋值（以其中的一个对象为基准）。

// 这边注意： 赋值只赋值需要的字段，不需要的字段不要赋

Object.keys(this.formLabelAlign).forEach(key => {
// this.formLabelAlign[key] = res.data[key]; 这句代码有时候不起作用
   this.$set(this.formLabelAlign, key, res.data[key]);
});

2、JSON 与对象的转化

// 将对象数组转化为json字符串
this.formLabelAlign.executorShow = JSON.stringify(this.dispatcherData);

譬如结果如下：
executorShow: "[{\"deptId\":\"1627366397506097152\",\"id\":\"1544363105100894214\",\"name\":\"沈梦婷（假） - 建设(代建)单位项目经理\",\"leaf\":true}]"

// 将json字符串转化为对象
this.dispatcherData = JSON.parse(this.formLabelAlign.executorShow);

3、map

let deptIds = checkedArr.map(item => item.id);
let deptNames = checkedArr.map(item => item.name);

4、filter

    // 移除收发员
    deleteDispatcher(id) {
      if (this.infoType) {
        return;
      }
      this.dispatcherData = this.dispatcherData.filter(item => item.id !== id);
    },

5、substring


      let nameSipmle = "";
      if (sourceName.indexOf("-") > 0) {
        nameSipmle = sourceName.substring(0, sourceName.indexOf("-"));
      } else {
        nameSipmle = sourceName;
      }
      return nameSipmle;

6、slice

this.formLabelAlign.startEndTime = [
          this.formLabelAlign.xgStartTime.slice(0, 10),
          this.formLabelAlign.xgEndTime.slice(0, 10)
        ];