vue?實(shí)現(xiàn)手動(dòng)分割日期
更新時(shí)間：2022年10月09日 14:31:34 作者：前端小蔡姬
這篇文章主要介紹了vue?實(shí)現(xiàn)手動(dòng)分割日期，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue手動(dòng)分割日期
例如
接口返回日期為20220201，要分割為2022年02月01日
代碼：
<span style="margin-right: 10px;font-size: 14px">數(shù)據(jù)日期：{{formatStr(indTime)}}</span>在data中定義：
indTime: '',
取到indTime時(shí)間值以后在methods里面加入方法：
formatStr(str) {
? ? ? if (str) {
? ? ? ? return `${str.substr(0, 4)}年${str.substr(4, 2)}月${str.substr(6, 2)}日`
? ? ? } else {
? ? ? ? return ''
? ? ? }
? ? },vue項(xiàng)目實(shí)用方法:分割時(shí)間成想要的格式
用split()方法分割時(shí)間格式，再把分割成的數(shù)組拼在一起
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章給大家詳細(xì)分析了vue組件開(kāi)發(fā)腳手架的相關(guān)內(nèi)容以及知識(shí)點(diǎn)，對(duì)此有興趣的朋友可以學(xué)習(xí)參考下。2018-06-06
基于vue-cli配置lib-flexible + rem實(shí)現(xiàn)移動(dòng)端自適應(yīng)
這篇文章主要介紹了基于vue-cli配置lib-flexible + rem實(shí)現(xiàn)移動(dòng)端自適應(yīng),需要的朋友可以參考下2017-12-12
在看這篇文章的幾點(diǎn)要求：需要你先知道Vue-Router是個(gè)什么東西，用來(lái)解決什么問(wèn)題，以及它的基本使用。如果你還不懂的話，建議上官網(wǎng)了解下Vue-Router的基本使用后再回來(lái)看這篇文章2022-09-09
這篇文章主要介紹了vue窗口變化onresize,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了Vue表單輸入綁定的示例代碼，本文使用v-model指令在表單input創(chuàng)建雙向數(shù)據(jù)綁定，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-11-11
一文掌握Pinia使用及數(shù)據(jù)持久化存儲(chǔ)超詳細(xì)教程
這篇文章主要介紹了Pinia安裝使用及數(shù)據(jù)持久化存儲(chǔ)的超詳細(xì)教程，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
淺談vue項(xiàng)目?jī)?yōu)化之頁(yè)面的按需加載(vue+webpack)
本篇文章主要介紹了vue項(xiàng)目?jī)?yōu)化之頁(yè)面的按需加載(vue+webpack)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
Vue3+Vant實(shí)現(xiàn)簡(jiǎn)單的登錄功能
這篇文章主要為大家詳細(xì)介紹了Vue3如何結(jié)合Vant實(shí)現(xiàn)簡(jiǎn)單的登錄功能,文中的示例代碼講解詳細(xì),有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
Vue+Element Plus實(shí)現(xiàn)自定義日期選擇器
這篇文章主要為大家詳細(xì)介紹了如何基于Vue和Element Plus提供的現(xiàn)有組件,設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)自定義的日期選擇器組件,感興趣的小伙伴可以參考一下2024-12-12
這篇文章主要為大家介紹了Vue布置導(dǎo)航守衛(wèi)獲取用戶信息，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08