iview表格根据条件对应显示---更新

2019年的最后一个月,这一年故事简单,经历一般遇到的所有事情见到的人刚好我都喜欢。

表格根据条件对应显示也就是拿到已知条件操作数据

处理数据:

data中:
cardManagementVal:[]
    
事件 :
// 查看接口 显示数据
    getList() {
      const req = {传参};
      adminUserLook(req).then(res => {
        //定义一个空数组用于接收不同数据
        let data_value = [];
        //因为根据条件插入的数据是push进去的,push一次累加改变数组,所以数据一加载,清空以前的数据,保证push一次就是新数据
        data_value = [];
        if (res.data.code == "200") {
          // 根据场馆显示出对应数据 门店级显示出门店下  平台级显示所有
          res.data.data.rows.map(item => {
            //取出该登录用户的所属场馆id
            this.gymnasium_id = localStorage.getItem("gymnasiumIdLogin");
            //判断所有数据中是否有该登录用户的场馆
            if (item.gymnasiumId == this.gymnasium_id) {
              //把用到的数据单独拿出来
              let gymnasiumIdData = {
                name: item.name,
                account: item.account,
                roleId: item.roleId,
                gymnasiumId: item.gymnasiumId,
                phoneNumber: item.phoneNumber,
                department: item.department,
                headPortrait: item.headPortrait,
                createdTime: item.createdTime
              };
              //如果有该场馆就把对应数据push到定义的数组里( 数据加载先清空 )
              data_value.push(gymnasiumIdData);
            } else if (!this.gymnasium_id) {
              //如果没有就拿到所有数据
              data_value = res.data.data.rows;
            }
          });
          //只要保证这两种数据都放到一个数组里就可以( 用的话直接传cardManagementVal )( 要跳出map遍历在进行赋值 )
          this.cardManagementVal = data_value;
          // 执行分页方法
          setTimeout(() => {
            this.myChild();
          }, 0.01);
        } else {
          return false;
        }
      });
    }             

显示数据:

//我的分页是封装的所以需要传数据,正常传就可以( 因为这两种情况已经都在这个数组里了 )
<com-page
      :pageCount="pageCount"
      :cardManagementVal="cardManagementVal"
      @pageHandel="pageHandel"
      @pageIndex="pageIndex2(arguments)"
      ref="myChild"
      @abcClick="say()"
></com-page>
原文地址:https://www.cnblogs.com/home-/p/11979112.html