<div class="fileOne" v-for="(value,key,index) in scope.row.startFiles" :index="index"><a :href="value" target="_blank" :title="key">{{key}}</a></div>
  <div class="noInfo flex1-c" v-if="JSON.stringify(scope.row.startFiles) =='{}'">暂无数据</div>

判断表格内对象是否有值 给“暂无数据”加v-if，而上面如果没值也不会影响布局，因为没值就不会有那个html标签。
本来用的是v-if和v-else搭配 但是有点bug 具体原因未找到 所以用这个方法解决的。
判断的是下面这个对象


      <el-table-column prop="start" label="项目启动">
        <template slot-scope="scope">
          <div>{{scope.row.start}}：</div>
          <div class="fileOne" v-for="(value,key,index) in scope.row.startFiles" :index="index"><a :href="value" target="_blank" :title="key">{{key}}</a></div>
          <div class="noInfo flex1-c" v-if="JSON.stringify(scope.row.startFiles) =='{}'">暂无数据</div>
        </template>
      </el-table-column>

效果如下：

判断对象是否有值
const vallidatebasicinfo = (json)=>{
    let flag = true;
    let value = Object.value(json)
    if(!value.length){
  	  flag = false;
  	  return
    }
    for(let  i =0;i<value.length;i++){
      let d = value[i]+'';
      if(!d || d.trim() === ''){
       flag=false;
       break
      }
    }
  return flag
}

判断数组里每一项是否有值
const vallidatebasicinfo = (json)=>{
    if(json.length<=0 || JSON.strringify(json[0]) === '{}') return false
    let flag = true
    for(let  i =0 ;i<json.length;i++){
        let item = json[i];
        for(let key in item){
           if(item[key] || item[key.trim() === ""]){
             flag = false
             }
     }
   }
       return flag
}

在项目中遇到需要判断对象中是否有null值 如果没有就发起请求 有就进行提示
    getDetaios(arr) {
      for (var i in arr) {
        if (arr[i] == null) {
          return true
        }
      }
      return false
    },

如果这个对象中有null值就返回true，没有则返回false

    
一个项目需求中，需要判断数组中的对象是否有值，先看下数据结构：

data（）{
　　return {
　　　　　　
　　　　list = [
           　　 {
                    value: "1",
                    children: [
                        {
                            value: "2"
                        },
                        {
                            value: "3",
                            children: [
                                {
                                    value: "4"
                                }
                            ]
                        }
                    ]
                },
                {
                    value: "5",
                    children: [
                        {
                            value: "6",
                            children: [
                                {
                                    value: "7"
                                }
                            ]
                        }
                    ]
                }
            ];

　　　　}
} 


　　那么如何进行判断多层子集是否有值呢？这里就会用到递归来实现   
若使用vue搭建的工程项目
　　我们可以现在methods中封装一个递归的方法

//递归判断项目中存在对象
        ruleValidate(data) {
            let flag = true;
            function judgeChildren(data) {
                data.forEach(e => {
                    if (!flag) {
                        return;
                    }
                    if (e.value) {
                        e.prop = e.value;   //给对象增加自定义的key ， 很多情况下都会使用到自定义的key
                        e.lable = e.value;
                    }
                    if (!e.value) {
                        flag = false;
                        return;
                    } else if (e.children && e.children.length) {
                        e.children.prop= e.value;  //给对象增加自定义的key，很多情况下都会使用到自定义的key
                        e.children.lable = e.value;
                        judgeChildren(e.children);
                    }
                });
            }
            judgeChildren(data);
            return data;
        },


　　在created这个声明周期中，直接对数据进行处理

 this.dataObj = this.ruleValidate(this.list);
 console.log(this.dataObj);


　　打印就可以看到  每个自定义的key值了，想要什么类型的数据，直接在封装的方法进行修改就ok了

转载于:https://www.cnblogs.com/wangqi2019/p/11264436.html