从过滤器访问组件方法

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

在一些^H的帮助下，我现在有以下几点：

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);
        });
    }

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