开发中的细节整理

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>