vue專案中,封裝乙個全域性過濾器,用來過濾時間

2021-10-25 03:22:52 字數 900 閱讀 2307

需求如下:

我們在動態渲染資料的時候,需要把 2019-10-15t07:20:47.000z 改變成 2019-10-15 在頁面中顯示

步驟如下:

1.先封裝乙個全域性過濾器filter

// 封裝專案中所需要使用的全域性過濾器

// 過濾器的本質是函式

export

const dateformat =

(value, spe =

'-')

=>$$

$$`}

2.在元件中使用過濾器

//3.使用

class

="time"

>

}div

>

//1.先呼叫過濾器

import from '@/utils/myfilter.js'

//2.由於我們封裝的是函式,所以得進行註冊,確定它是用於過濾器

filters:

但是此時會給我們報乙個錯誤:

[vue warn]: error in render: "typeerror:value.getfullyear is not a function"

錯誤原因:

value值 是 string console.log(typeof value) // string ,而我們需要的是日期格式

解決辦法:

將value字串轉換為日期格式

value = new date(value)

Vue如何封裝多個全域性過濾器到乙個檔案

在寫vue專案時,所用的過濾器很多時,把所有的過濾器方法封裝在乙個檔案中,然後匯出,並繫結在vue例項上。import moment from moment const dateformat input,fmtstring const moneyformat value g 1,將整數部分逢三一斷 ...

封裝乙個SyPy過濾器

通過封裝兩個庫模組中的一些功能,我們可以清楚地看到數字濾波器的外觀。另外,通過將 init 分為兩部分,可以即時重置過濾器的建立引數和內部條件。encapulates a scipy filter.given type,freq and order,create the coefficients a...

Vue專案中使用過濾器

為什麼要使用過濾器?能夠對資料進行各種過濾處理,返回需要的結果,非常的方便和快捷。怎麼使用過濾器?首先過濾器分為兩類 全域性過濾器 區域性過濾器 例如 vue.filter filterdome function val 全域性過濾器的在專案中的使用 一般我們會在在src下面建乙個資料夾,用來放我們...