vue2 | html能解决的就别用js！！

学前端的快乐小勾

于 2023-02-21 15:04:12 发布

阅读量109

点赞数

分类专栏：写bug咯～前端快乐小狗文章标签： javascript html java

本文链接：https://blog.youkuaiyun.com/weixin_51722468/article/details/129142903

版权

写bug咯～同时被 2 个专栏收录

3 篇文章

订阅专栏

前端快乐小狗

2 篇文章

订阅专栏

该段代码展示了在Vue.js模板中使用`v-if`和`v-else`进行条件渲染，针对`scoped.row.ScheduleName`判断不同的时间状态，如正常、迟到、加班，并对`EarliestTime`和`laterTime`进行逻辑处理，显示相应的时间信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

👇

<template slot-scope="scoped">
    <div v-if="scoped.row.ScheduleName != '加班' "
        :class="scoped.row.EarliestTime != -1 && scoped.row.laterCount ? 'mark_cell_F' : '' ">
        {{scoped.row.EarliestTime == -1 ? " —— " : scoped.row.laterCount ? "迟到" + scoped.row.laterTime / 60 + "分钟" : "正常"}}
    </div>
    <div v-else :class=" scoped.row.EarliestTime != -1 ? 'mark_cell_T' : '' ">
        {{scoped.row.EarliestTime== -1 ? " —— " : "周末加班"}}
    </div>
</template>

简化了好多的感觉^^