开发中的细节整理-CSDN博客

1.截取某个字段，进行判断：ary.hasOwnProperty(key); 或 obj.hasOwnProperty(key);

2.判断是否字段为空。为空时为定值：例如判断 :{{ mitem.eventName}} 字段是否为空，为空时为显示尽情期待

 
    <div class="block-left" v-if="item.currentEventId === mitem.eventId" v-for="(mitem, index) in dicEvents" :key="index"> 
  
    <span class="m-phase"> 
  
    {{mitem.eventName}} 
  
    </span>

 
   {{mitem.eventName === null || mitem.eventName === "" ? '尽情期待': mitem.eventName}}  
  
3.获取接口中的某个字段方法： 
     <div class="block-left" v-if="item.currentEventId === mitem.eventId" v-for="(mitem, index) in dicEvents" :key="index"> 
    
      <span class="m-phase"> 
    
      {{mitem.eventName}} 
    
      </span> 
    
      </div> 
    
     4.获取某个接口的方法：例如：initRun接口 
    
        initRun() { 
      
        api.initRun() 
      
        .then(function (res) { 
      
        if (res.code === 200) { 
      
        this.deptList = JSON.parse(res.data) 
      
        this.dicRunTags = this.deptList.dicRunTags 
      
        this.dicEvents = this.deptList.dicEvents 
      
        // console.log(this.dicEvents) 
      
        } 
      
        }.bind(this)).catch(function (err) { 
      
        console.log(err) 
      
        }) 
      
        }, 
      
          created() { 
        
          this.initRun(); 
        
         } 
        
5.get和post请求接口的方法转化方法：api.js(post方式)
 
         getRunHeads(params) { 
        
          return fetch.fetchPost('opt/getRunHeads', params) 
        
          },index.js 
        
         // 负责人区域start 
        
          getRunHeads() { 
        
          let params = { 
        
          runId: this.$route.params.runId 
        
          }; 
        
          api 
        
          .getRunHeads(params) 
        
          .then(function (res) { 
        
          if (res.code === 200) { 
        
          this.headList = JSON.parse(res.data);  
        
          } 
        
          }.bind(this)).catch(function (err) { 
        
          console.log(err) 
        
          }) 
        
          }, 
        
         6.字段没有值时，隐藏不显示 
        
            <tr> 
          
            <td class="m-table-mainteam" >项目主创团队</td> 
          
            <td clas="m-table-number" > 
          
            <tr v-for="(item, index) in runCastsList" :key="index" > 
          
            <span v-if=" item.teamName!=''">{{item.teamName}}:</span> 
          
            <span v-if=" item.castName!=''"> {{item.castName}}</span> 
          
            <span v-if=" item.signName!=''">({{item.signName === null || item.signName === "" ? '无':item.signName }})</span> 
          
            <!-- <span v-if="item.castName!=''"> {{item.castName}}</span> 
          
            <span v-if="item.signName!=''">({{item.signName}})</span> --> 
          
            <!-- <span>({{item.signName === null || item.signName === "" ? '无':item.signName }})</span> --> 
          
            </tr> 
          
            </td> 
          
            </tr> 
          
            <tr > 
          
            <td class="m-table-mainteam">我方权益</td> 
          
            <td clas="m-table-number" > 
          
            <tr v-if="runRightsList.key1!=null && runRightsList.key1!=''"> 剧本版权 {{runRightsList.key1}}</tr> 
          
            <tr v-if="runRightsList.key2!=null && runRightsList.key2!=''"> 影片版权:{{runRightsList.key2}}</tr> 
          
            <tr v-if="runRightsList.key3!=null && runRightsList.key3!=''"> 新媒体版权:{{runRightsList.key3}}</tr> 
          
            <tr v-if="runRightsList.key4!=null && runRightsList.key4!=''"> 影片发行权:{{runRightsList.key4}}</tr> 
          
            <tr v-if="runRightsList.key5!=null && runRightsList.key5!=''"> 电视台收益权:{{runRightsList.key5}}</tr> 
          
            <tr v-if="runRightsList.key6!=null && runRightsList.key6!=''"> 院线收益权:{{runRightsList.key6}}</tr> 
          
            <tr v-if="runRightsList.key7!=null && runRightsList.key7!=''"> 新媒体收益权:{{runRightsList.key7}}</tr> 
          
            <tr v-if="runRightsList.key8!=null && runRightsList.key8!=''"> 商务开发权:{{runRightsList.key8}}</tr> 
          
            <tr v-if="runRightsList.key9!=null && runRightsList.key9!=''"> 衍生品开发权:{{runRightsList.key9}}</tr> 
          
            <tr v-if="runRightsList.key10!=null && runRightsList.key10!=''"> 系列作品优先投资权:{{runRightsList.key10}}</tr> 
          
            <tr v-if="runRightsList.key11!=null && runRightsList.key11!=''"> 署名权:{{runRightsList.key11}}</tr> 
          
            <tr v-if="runRightsList.key12!=null && runRightsList.key12!=''"> 其他权益:{{runRightsList.key12}}</tr> 
          
            </td> 
          
            </tr>