轉 vue過濾器使用

2022-03-07 18:22:29 字數 994 閱讀 2655

簡單介紹一下過濾器,顧名思義,過濾就是乙個資料經過了這個過濾之後出來另一樣東西,可以是從中取得你想要的,或者給那個資料新增點什麼裝飾,那麼過濾器則是過濾的工具。例如,從['abc','abd','ade']陣列中取得包含『ab』的值,那麼可通過過濾器篩選出來『abc』和『abd』;把『hello』變成『hello world』,那麼可用過濾器給值『hello』後面新增上『 world』;或者把時間節點改為時間戳等等都可以使用過濾器。

首先,過濾器可在new vue例項前註冊全域性的,也可以在元件上寫區域性。

全域性過濾器:

vue.filter('globalfilter', function (value) }

二,在v-bind表示式中使用

上面簡單介紹了一下過濾器的呼叫,那麼接下來我們講解一下過濾器的引數寫法

一、}

上述**中,message是作為引數傳給filtera 函式,而filtera 函式的返回值作為引數傳給filterb函式,最終結果顯示是由filterb返回的。

二、 }

上述**中,filtera的第乙個引數是message,依次是『arg1』,arg2

三、 }

上述**表示'a'和'b'分別作為引數傳給filterb

vue過濾器使用總結

應用場景 頁面經常會對當前日期進行自定義的格式化顯示,頁面的顯示框使用過濾器表示式,中使用過濾器函式,日期庫使用moment.js 完整版 年月日 自定義過濾 vue.filter datestring function value,format yyyy mm dd hh mm ss new vu...

vue 基礎 filter 過濾器使用

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

vue中filter過濾器使用

將cst格式轉換成gmt時間格式 let datestr value.split let strgmt datestr 0 datestr 1 datestr 2 datestr 5 datestr 3 gmt 0800 let date newdate strgmt 定義全域性過濾器,如果時間戳是...