vue時間轉換的幾種方式

2021-10-01 03:53:40 字數 2062 閱讀 2562

js引用轉換

總結做乙個專案肯定會關係到很多的資料型別,資料型別之間都是可以轉化的,,前端有時候從後端拿到的時間不符合標準,此時就需要轉換以後再去使用,轉換有兩種方式,看你個人比較喜歡哪一種。這裡已時間轉換為例子

全域性過濾器

在main.js寫入

// 時間戳過濾器

vue.

filter

('dateformat'

,(datastr)

=>

return str

}var y = time.

getfullyear()

var m = time.

getmonth()

+1var d = time.

getdate()

var h = time.

gethours()

var mm = time.

getminutes()

var s = time.

getseconds()

return y +

'-'+

timeadd0

(m)+

'-'+

timeadd0

(d)+

' '+

timeadd0

(h)+

':'+

timeadd0

(mm)

+':'

+timeadd0

(s)}

)

此時時間戳details.createtime就會變成vue.filter的引數datastr進行運算

區域性過濾器

在vue單檔案中,有filters屬性,和週期函式並列,

注意,此時是filters不是filter區域性一般比全域性多乙個s,比如components的全域性和區域性的區別是一樣的

created()

, filters:

return str

}var y = time.

getfullyear()

var m = time.

getmonth()

+1var d = time.

getdate()

var h = time.

gethours()

var mm = time.

getminutes()

var s = time.

getseconds()

return y +

'-'+

timeadd0

(m)+

'-'+

timeadd0

(d)+

' '+

timeadd0

(h)+

':'+

timeadd0

(mm)

+':'

+timeadd0

(s)}

},

使用

使用方式全域性和區域性都是一樣的,我們只需要在過濾的資料後面加上 | 就行

>

>

在utils檔案中建乙個js,用於時間轉換

export

function

temptodata

(unixtimestamp2)

此時我們使用的時候,只要把js引用,在使用就行

全域性引用

在main.js引用就行

import

from

'@/utils/datautils'

區域性引用

在對應的vue檔案中引用

import

from

'@/utils/datautils'

使用方式
>

}span

>

兩種方式各有千秋,但是我個人比較喜歡過濾器filter的使用

在學習過程中要學會舉一反三

幾種時間同步的方式

在效能測試環境的建立過程中,有時會遇到測試環境的各台裝置 伺服器和測試終端 之間的時間同步問題,如某個效能測試專案中,整個測試環境包括10臺伺服器和30多台pc機,測試過程中採用模擬程式和腳步記錄應用的資料報處理時間等資料,要求各台裝置時間嚴格同步。一般來說,在測試環境的多台裝置間實現時間同步的方法...

vue 傳值的幾種方式

1.父子傳值 第一步 在父元素中繫結乙個引數 我這裡的是 id updateid 第二步 在子元素中接受,使用props接收。2.子向父傳值 第一步 在子元件中觸發 我這裡並沒有傳值,如果需要傳值,就 self.emit updates 你要傳的值 第二步 在父元素監聽事件 傳參的直接在update...

Vue 繫結class的幾種方式

我們可以傳給v bind class乙個物件,以動態地切換 class 上面的語法表示active這個 class 存在與否將取決於資料屬性isactive的 truthiness。你可以在物件中傳入更多屬性來動態切換多個 class。此外,v bind class指令也可以與普通的 class 屬...