Vue 在methods中使用filter的方法

Vue 在methods中使用filter的方法

先在main.js中全局引用filter.js

// 导入全局过滤器
import * as filter from './util/filters' 
Object.keys(filter).forEach(key => {
  Vue.filter(key, filter[key])
});

filter使用

<!-- 在双花括号中 -->
{{ message | capitalize }}
<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div>

过滤器是 JavaScript 函数，因此可以接收参数：

<div>
{{ message | filterA('arg1', arg2) }}
</div>

在methods中使用

methods: {
	func: (){
		const value = 'john';
		// let f1 = Vue.filters['filterName'] (value);
		let f2 = this.$options.filters['capitalize'](value);  // 直接调用全局的filters
		console.log(f2); // John
	}
}