从过滤器访问组件方法

Question

我有一个用户管理页面，我可以搜索用户，并返回一个列表。

我希望能够根据角色过滤列表。

到目前为止，我有：http://laravel.io/bin/VPlYz

我无法通过过滤方法访问用户对象上的方法。我做错了什么？

filters: {
    roleFilter: function(users) {
        var self = this;

        if( this.roleFilter == 'all') {
            return users;
        }

        return users.filter(function(user) {
            // hasRole is reported undefined!
            user.hasRole(self.roleFilter);
        });
    }
}

Answer 1

有了很多帮助，我现在有以下内容：

filters: {
    roleFilter: function(users) {
        var self = this;

        if( this.roleFilterModel == 'all') {
            return users;
        }

        return users.filter(function(userData) {
            // Convert the passed in data to a component
            var user = new self.$options.components.user({
                data: userData
            });
            return user.hasRole(self.roleFilterModel);
        });
    }

事实证明，在将数据转换为组件之前，过滤器会对数据进行运行，因此您需要手动执行此操作以访问组件方法。