Vue定義全域性時間過濾器

2021-10-08 04:21:33 字數 556 閱讀 5229

**個人**:

vue獲取後台的時間資料時,伺服器端返回的時間大多時候都是毫秒型別,這樣是非常不美觀的,如下圖所示。

因此我們可以設定乙個全域性的時間過濾器來美化時間的顯示形式。

1.首先,我們現在main.js中定義乙個全域性的過濾器

// originval 後台返回的毫秒

vue.filter('dataformat', originval => -$-$ $:$:$`

})

2.然後在相應的地方使用插槽的形式,再使用過濾器

}

3.執行上述步驟後,我們的時間會變成下面這種形式

vue 中定義全域性過濾器

第一步 mian.js 中進行定義 vue.filter moneyfilter function value,num,type 引數說明 moneyfilter表示的是過濾器的名稱 函式中的引數解析 value是通過管道傳來的資料 必須引數 num在呼叫過濾器時在圓括號中第乙個引數 選填引數 ty...

Vue 過濾器案例(全域性過濾器和區域性過濾器)

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat,但是控制不同作用,乙個是全域性的...

vue全域性過濾器配置

有時乙個過濾器需要在專案中多次使用,此時可以將該過濾器定義為全域性過濾器,全域性過濾器在main.js下配置。以時間過濾器為例,當為區域性過濾器寫為 filters if isnan m m 0 else if isnan d d 0 else return y m d date.totimestr...