vue2 全局批量注册过滤器 filters

vue 全局批量注册过滤器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
export default {
numberFormatter: (num, digits) => {
const si = [
{ value: 1E18, symbol: 'E' },
{ value: 1E15, symbol: 'P' },
{ value: 1E12, symbol: 'T' },
{ value: 1E9, symbol: 'G' },
{ value: 1E6, symbol: 'M' },
{ value: 1E3, symbol: 'k' }
]
for (let i = 0; i < si.length; i++) {
if (num >= si[i].value) {
return (num / si[i].value).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
}
}
return num.toString()
},

tranForm(data) {
switch (data) {
case "1":
return "哈哈";
case "2":
return "丫丫";
case "3":
return "拉拉";
case "4":
return "大大阿达";
}
}
}

vue 全局批量注册过滤器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import one from './one'
import two from './two'

const filters = {
one, two
}
export default {
install(Vue) {
Object.keys(filters).forEach(key => {
for (let i in filters[key]) {
Vue.filter(i, filters[key][i])
}
})
}
}

vue 全局批量注册过滤器

1
2
3
4
import filters from './filters/index'


Vue.use(filters);

使用过滤器:
vue 全局批量注册过滤器


案例

https://quanyi.blog.csdn.net/article/details/124142095


vue2 全局批量注册过滤器 filters
https://github.com/chergn/chergn.github.io/1c78285ef4ff/
作者
全易
发布于
2024年3月28日
许可协议