最近要被逼疯了,用vue开发,发现很多数据处理不来,难调试,或者是因为不熟的原因,但是相较于react,还是更喜欢react了。
接下来说说此次的问题,也和自己的开发逻辑有关系
<!-- {{'-0-0-0-' 从index==1的数据开始进行判断,因为判断了nextItem}} -->
<template v-if="nextItem&&item.showMmTime != nextItem.showMmTime">
<!-- {{'-1-1-1- 显示月日的判断处'}} -->
<template v-if='item.showMmTime.length>2'>
<span class="month">{{item.month.toString().padStart(2, 0)}}</span>
<span class="day">{{item.day}}日</span>
</template>
<template v-else>
<!-- {{'-2-2-2- 有今日数据并且setSwitchStatus==1 有权限时 进入到次判断,显示昨天、前天'}} -->
<span class="showtoday"> {{item.showMmTime}} </span>
</template>
</template>
<!-- {{'-3-3-3- 判断index==0的数据'}} -->
<template v-if="index==0">
<!-- {{'-4-4-4- 区分今日、昨天、前天 今日做特殊处理,setSwitchStatus==0 即无权限时显示,有权限会在外层显示'}} -->
<template v-if="item.showMmTime=='今天'">
<!-- {{'-5-5-5-示 区分isOption和有无权限'}} -->
<template v-if="isOption">
<span class="showtoday" v-if="setSwitchStatus==0"> {{item.showMmTime}} </span>
</template>
<span class="showtoday" v-else> {{fnTime(item.sendTime)}} </span>
</template>
<span class="showtoday" v-else> {{item.showMmTime}} </span>
</template>
<template v-if="nextItem&&timeEqual(item.sendTime) !== timeEqual(nextItem.sendTime)">
<template v-if="fnTime(item.sendTime).length>3">
<span class="month">{{item.month.toString().padStart(2, 0)}}</span>
<span class="day">{{item.day}}日</span>
</template>
<span v-else class="showtoday">{{fnTime(item.sendTime)}} </span>
</template>
<template v-if="index==0">
<template v-if="fnTime(item.sendTime)=='今天'">
<template v-if="isOption">
<span class="showtoday" v-if="isOption&&setSwitchStatus==0"> {{item.showMmTime}} </span>
</template>
<span class="showtoday" v-else> {{fnTime(item.sendTime)}} </span>
</template>
<span class="showtoday" v-else> {{fnTime(item.sendTime)}} </span>
</template>