vue中過濾器filter的全域性封裝和使用

2021-10-05 21:41:18 字數 499 閱讀 2644

在前後端分離的專案中,經常會有後台返回的資料需要進過處理才能顯示到頁面上的場景。

舉例子 介面返回的是0 頁面顯示 女 ; 介面返回1 頁面顯示男

可以在filters目錄下新建乙個index.js來存放所有的過濾器就足夠了。

index.js**如下:

let ***idcardfilter = (num) => 

if (num === 1)

}export default

然後在main.js中引入註冊即可使用:

import filters from './filters/index'
object.keys(filters).foreach(key => vue.filter(key, filters[key]))
在頁面中使用:

}

vue中filter 過濾器

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

Vue中的Filter過濾器

home time div 使用過濾器 div template import moment from moment 引入外掛程式 export default filters script 在 main.js 檔案裡註冊過濾器 import vue from vue import router f...

Vue中的過濾器(filter)

什麼是過濾器?顧名思義,過濾器就是就對資料進行篩選 過濾 格式化,比如時間格式化 英文大小寫轉換 狀態轉換等等。它與methods computed 或者 watch不同是,它不能改變原始值。過濾器分類 1 元件內過濾器 元件內過濾器就是通過filters屬性,該屬性是乙個物件,在該物件中可以定義多...