在Vue JS中,从vue实例内部的方法调用过滤器

假设我有一个Vue实例,如下所示:

new Vue({
    el: '#app',

    data: {
        word: 'foo',
    },

    filters: {
       capitalize: function(text) {
           return text.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); });
       }
    },

    methods: {
        sendData: function() {
            var payload = this.$filters.capitalize(this.word); // how?
        }
    }
}

我可以轻松地在模板中使用过滤器,如下所示:

<span>The word is {{ word | capitalize }}</span>

但是,如何在实例方法或计算属性中使用此过滤器?(显然,这个例子很简单,我的实际过滤器更复杂)。

Harry伽罗2020/03/11 10:27:21
this.$options.filters.capitalize(this.word);

参见http://vuejs.org/api/#vm-options