vue中filter過濾器使用

2021-10-07 14:35:29 字數 1957 閱讀 5041

// 將cst格式轉換成gmt時間格式

let datestr = value.

split

(" ");

let strgmt = datestr[0]

+" "

+datestr[1]

+" "

+datestr[2]

+" "

+datestr[5]

+" "

+datestr[3]

+" gmt+0800"

;let date =

newdate

(strgmt)

;

// 定義全域性過濾器,如果時間戳是10位就乘以1000,如果是13位就不乘

vue.

filter

('filtertime',(

oldtiem

)=>

if(nowdate > date.

getdate()

)月 $日

$$:$

` }else$:

$` }}

)

// 定義全域性過濾器,將時間戳轉換成 年-月-日 時:分:秒

vue.

filter

('filtertime',(

value

)=>-$

-$$:

$:$`

})

//定義區域性過濾器,將時間戳轉換成 發表時間+多久之前:

filters:

else

if(gettime >=60*

5&& gettime <60*

60)else

if(gettime >=

3600

&& gettime <

3600*24

)else

if(gettime >=

3600*24

&& gettime <

3600*24

*30)else

if(gettime >=

3600*24

*30&& gettime <

3600*24

*30*12

)else

if(time >=

3600*24

*30*12

)let year = olddate.

getfullyear()

;let month = olddate.

getmonth()

+1;let day = olddate.

getdate()

;let hour = olddate.

gethours()

;let minute = olddate.

getminutes()

;let second = olddate.

getseconds()

;return daynum +

" "+ year +

"-"+ month +

"-"+ day +

" "+ hour +

":"+ minute +

":"+ second;

}}

filters:月前`

;}else

if(weeks >=1)

週前`;}

else

if(days >=1)

天前`;}

else

if(hours >=1)

小時前`;}

else

if(minutes >=1)

分鐘前`;}

else

//這裡時返回str

return str;

// console.log(datime)

}}

vue 基礎 filter 過濾器使用

vue 對資料提供乙個 filter 的處理器,雖然命名為 filter 但是我覺得叫做資料處理器更體貼。用以在不改變的data 的情況下 輸出前段需要的格式資料。基本呼叫方法 new vue 在乙個 模板中 可以新增多個filter 函式對message 處理 在filter中可有傳多個引數,但是...

vue 基礎 filter 過濾器和類過濾器使用

filter 過濾器 vue 對資料提供乙個 filter 的處理器,用以在不改變data 的情況下 輸出前端需要的資料格式。1.在乙個 模板中 可以新增多個filter 函式對message 處理 2.在filter中可有傳多個引數,但是filters的function的預設第一位引數 為 當前的...

vue中filter 過濾器

區域性過濾器,只有當前vue例項裡能使用 data filters return statusmap status tofixed2 num 全域性過濾器,在任何vue例項裡都能使用vue.filter adddanwei value data 上面寫法中要注意的問題是 全域性註冊時時是filter...