vue 拿到后台的数据截取想要的长度

这是后台返给我的时间格式: 2021-05-26 00:30:27 要求的时间格式: 2021-05-26

在这里插入图片描述

解决方案: substing(start,stop)

substring() 方法用于提取字符串中介于两个指定下标之间的字符。start 是在原字符串检索的开始位置,stop 是检索的终止位置,返回结果中不包括stop所指字符。简单来说就是起始位置和终止位置。

原有数据

<div class="content_time">{
    
    {
    
    lists.dynamicTime}}</div>

在这里插入图片描述

截取过后的数据

<div class="content_time">{
    
    {
    
    lists.dynamicTime.substring(0,10)}}</div>

在这里插入图片描述
如果截取完出现以下报错,是因为没有判断数据来源是否为空,对字符串做substring时,没有判断其是否为空。

在这里插入图片描述

解决方案:可以在数据前面的标签里面 进行判断 v-if="字符串内容"

<div class="content_time" v-if="lists.orderTime">{
    
    {
    
    lists.orderTime.substring(0,10)}}</div>

Guess you like

Origin blog.csdn.net/Shids_/article/details/117336239