在一个接口里面进行二次数据处理抽取出来封装页面不渲染

最新推荐文章于 2024-09-30 15:42:36 发布

云白冰

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量121

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/weixin_52115201/article/details/142485890

版权

 getList(){
   httpApi.patnowApi.getAllByDeptId(this.params).then(res=>{
     if(res.data.successful){
        this.patnow =res.data.data
        this.$nextTick(()=>{
          this.getND()
        })
      }
   });
  }, 


 this.getND()是一堆数据的二次处理

原本在 this.getND()里面只是常规的数据处理，然后页面没有渲染上去渲染后的数据，使用了this.$set之后才更新上去了

  getND(){
        if(this.patnow.length>0){
          this.patnow.forEach((v,index)=>{
            v.birdateCopy= new Date().getFullYear() - new Date(v.birdate).getFullYear();
            v.indateCopy= v.indate.substring(0, 10); // 使用 substring() 方法提取年月日部分
            if(this.outDate&&v.outdate){ 
              v.outdateCopy=v.outdate.slice(0, 10)
            }

            v.num=Math.trunc(( new Date().getTime()- new Date(v.indate).getTime() ) / (24*60*60*1000))

            if(v.sex==1){
              v.sexCopy='男'
            }
            else if(v.sex==0){
              v.sexCopy='女'
            }
            else{
              v.sexCopy='未知'
            }

            if(v.bedste==21){this.$set(this.patnow, index, { ...v, nursingLevel: '一级护理' });}
          })

          //获取主管医生
          httpApi.patnowApi.getRegDoc({depid:this.$store.state.department.id}).then(res=>{
            if(res.data.successful){
              this.regD=res.data.data

              //数据处理
              this.patnow.forEach((v,index)=>{
                if(this.regD.length>0){
                  this.regD.forEach(D=>{
                    if(D.patid==v.patid){
                      this.$set(this.patnow, index, { ...v, regdoc: `${D.docnm}` });
                    }
                  })
                }
              })
            }
          })
        }
      },

需要注意的是this.$set必须写在数据处理的最后面，一开始的时候性别也使用了this.$set然后发现会被覆盖渲染，所以只需要在最后一个数据渲染的时候写this.$set就可以了，前面的数据还是常规的处理