vue 实现手动分割日期

 更新时间:2022年10月09日 14:31:34   作者:前端小蔡姬  
这篇文章主要介绍了vue 实现手动分割日期,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue手动分割日期

例如

接口返回日期为20220201,要分割为2022年02月01日

代码:

<span style="margin-right: 10px;font-size: 14px">数据日期:{{formatStr(indTime)}}</span>

在data中定义:

indTime: '',

取到indTime时间值以后在methods里面加入方法:

formatStr(str) {
      if (str) {
        return `${str.substr(0, 4)}年${str.substr(4, 2)}月${str.substr(6, 2)}日`
      } else {
        return ''
      }
    },

vue项目实用方法:分割时间成想要的格式

用split()方法分割时间格式,再把分割成的数组拼在一起

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue路由篇之router-view内容无法渲染出来问题

    vue路由篇之router-view内容无法渲染出来问题

    这篇文章主要介绍了vue路由篇之router-view内容无法渲染出来问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue 实现v-for循环回来的数据动态绑定id

    vue 实现v-for循环回来的数据动态绑定id

    今天小编就为大家分享一篇vue 实现v-for循环回来的数据动态绑定id,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • Vue在 Nuxt.js 中重定向 404 页面的方法

    Vue在 Nuxt.js 中重定向 404 页面的方法

    这篇文章主要介绍了Vue在 Nuxt.js 中重定向 404 页面的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • vue结合el-upload实现腾讯云视频上传功能

    vue结合el-upload实现腾讯云视频上传功能

    这篇文章主要介绍了vue结合el-upload实现腾讯云视频上传功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 详解VueRouter 路由

    详解VueRouter 路由

    本文详细介绍了VueRouter 路由的概念、规则、基础等相关内容,文中运用大量的图片进行讲解,感兴趣的小伙伴可以看一看这篇文章
    2021-08-08
  • Vue项目如何实现切换主题色思路

    Vue项目如何实现切换主题色思路

    这篇文章主要介绍了Vue项目如何实现切换主题色思路,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Vue+element+cookie记住密码功能的简单实现方法

    Vue+element+cookie记住密码功能的简单实现方法

    这篇文章主要给大家介绍了Vue+element+cookie记住密码功能的简单实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • vue+echarts实带渐变效果的折线图

    vue+echarts实带渐变效果的折线图

    这篇文章主要为大家详细介绍了vue+echarts实带渐变效果的折线图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue动态绑定class选中当前列表变色的方法示例

    vue动态绑定class选中当前列表变色的方法示例

    这篇文章主要介绍了vue动态绑定class选中当前列表变色的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器

    Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器

    本篇文章主要介绍了Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04

最新评论