在src下面新建資料夾until,並建立filters.js檔案
1.定義filters.js檔案配置要使用的過濾函式
import dataformat from
"./dateformat"
;/**
* @descripttion: 格式化**號碼
* @param **號碼
* @return: 13388327924 >>> 133****7924
*/export
function
formatphone
(tel)
)\d(\d)/
,"$1****$2");
}// 以陣列的形式儲存函式
let list =[,
];// 公布並用foreach注入函式到過濾器中
注:這裡只是將函式注入到了filter過濾器還沒有例項到vue
export
default);
}};
2.在main.js中匯入filters.js檔案
import filters from
"./utils/filters.js"
;vue.
use(filters)
;
3.就可以正常使用過濾顯示資料,並且不會更改源資料
}<
/p>
//這裡的意思是前者是要傳給過濾器的值,後面是過濾器的名
VUE全域性過濾器filter
1.1 過濾器科用在兩個地方 雙花括號插值和v bind 表示式中。過濾器應該被新增在js表示式的尾部,由管道符號指示 雙花括號中 在v bind 中 1.2 定義過濾器 1.2.1在元件選項中定義本地過濾器 注意 過濾器的內容由過濾器的返回值決定 引數1 表示要過濾的內容 引數2 表示傳遞給過濾器...
VUE之全域性過濾器 filter
效果圖 第一步 在src資料夾下新建filters資料夾,在該資料夾下新建index.js 內容如下 人民幣轉大寫 function rmbupper n s s 整 n math.floor n for var i 0 i unit 0 length n 0 i s p.replace 零.零 r...
vue自定義全域性過濾器filter
原理步驟如下 將filter方法暴露出來 掛載在vue例項上 直接使用 對應的操作為 在公共方法資料夾utils內新建filters.js檔案 在main.js中對filters中暴露的方法進行掛在vue中 在專案任意頁面直接使用 以時間過濾為例,如下 filters.js 此檔案為公共的全域性過濾...