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

JavaScript

小胖凯前端

2020-03-11

假设我有一个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>

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

第541篇《在Vue JS中,从vue实例内部的方法调用过滤器》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
Harry伽罗 2020.03.11
this.$options.filters.capitalize(this.word);

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android