你可以通过在 {{ one.date }}
后面添加一个条件表达式来实现这个功能。如果日期是今天,则显示“今天”两个字。这里是修改后的代码示例:
<view
class="list-line background"
:class="{ 'highlight': isToday(one.date) }" <!-- 根据日期判断是否高亮 -->
>
<text class="list-left">日期:</text>
<text class="list-right" style="margin-left: 75rpx;">
{{ one.date }} <span v-if="isToday(one.date)">今天</span>
</text>
</view>
说明:
v-if
:使用v-if
指令来检查isToday(one.date)
的返回值。- 显示“今天”:如果
isToday(one.date)
返回true
,那么在日期后面就会显示“今天”。
这样,只有在日期为今天时,文本中才会附加“今天”这两个字。
内容由零声教学AI助手提供,问题来源于学员提问