VUE之全域性過濾器 filter

2021-09-27 07:45:17 字數 801 閱讀 3137

效果圖:

第一步:在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(/(零.)*零$/, "").replace(/^$/, "零") + unit[0][i] + s;

}return (

head +

s.replace(/(零.)*零元/, "元")

.replace(/(零.)+/g, "零")

.replace(/^整$/, "零元整")

);}export

第二步:在main.js中,引用和註冊全域性過濾器

import * as filters from './filters' // global filters

// register global utility filters.

object.keys(filters).foreach(key => )

第三步: 頁面中直接使用

}

VUE全域性過濾器filter

1.1 過濾器科用在兩個地方 雙花括號插值和v bind 表示式中。過濾器應該被新增在js表示式的尾部,由管道符號指示 雙花括號中 在v bind 中 1.2 定義過濾器 1.2.1在元件選項中定義本地過濾器 注意 過濾器的內容由過濾器的返回值決定 引數1 表示要過濾的內容 引數2 表示傳遞給過濾器...

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

在src下面新建資料夾until,並建立filters.js檔案 1.定義filters.js檔案配置要使用的過濾函式 import dataformat from dateformat descripttion 格式化 號碼 param 號碼 return 13388327924 133 7924...

vue自定義全域性過濾器filter

原理步驟如下 將filter方法暴露出來 掛載在vue例項上 直接使用 對應的操作為 在公共方法資料夾utils內新建filters.js檔案 在main.js中對filters中暴露的方法進行掛在vue中 在專案任意頁面直接使用 以時間過濾為例,如下 filters.js 此檔案為公共的全域性過濾...