vue 2.0 自定义filter并挂载到全局使用

vue 2.0 开始,取消默认filter, 需要自定义。

而自定义之后每次在需要使用的组件内引用也确实蛮麻烦的。

所以我们就来将定义的filter挂载到全局使用。

vue2.0 filter相关文档

  • 定义
  • 引用
  • 挂载
  • 使用

/src/filters/ - format.js

1
2
3
export default function(val){
...
}
  • index.js
1
2
3
4
5
import format from "./format";

export default{
format: format,
}

/src/ - main.js

1
2
3
4
5
6
7
8
9
...

import commonFiltes from './filters/index'

Object.keys(commonFiltes).forEach(function (key, index, arr) {
Vue.filter(key, commonFiltes[key]);
})

...

/src/components/ - xxx.vue

1
2
3
4
5
6
7
<template>
...
<div>{{ data | format }}</div>
</template>
<script>
...
</script>

vue 2.0 自定义filter并挂载到全局使用

https://hivan.me/vue2.0-custom-filter-to-global/

作者

Hivan Du

发布于

2021-08-31

更新于

2023-06-02

许可协议

评论