vue過濾器filter全域性配置與使用

2021-09-28 12:57:41 字數 770 閱讀 4903

在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 此檔案為公共的全域性過濾...