Filtro y Paginación con Laravel y Vuejs

Publicado hace 1 semana por @George2215-8b6dd7db9af49e67306feb59a8bdc52c

Buenas tardes, por favor me orientan con lo siguiente: quiero hacer un filtro de búsqueda y tuve como referencia el explicado por el Profe Italo, pero quiero saber como lo puedo hacer cuando la tabla cuenta con paginación. ya que solo me filtra los datos de la página actual.

computed:{
	isActived: function(){ //retorna página actual
		return this.pagination.current_page;
	},
	//Calcular elementos de paginación
	pagesNumber:function(){
		if(!this.pagination.to){
			return[];
		}
		var from = this.pagination.current_page - this.offset;
			if(from < 1){ 
				from = 1;
			}
		var to = from + (this.offset * 2);
			if(to >= this.pagination.last_page){
				to = this.pagination.last_page;
			}
			var pagesArray = [];
				while(from <= to){
					pagesArray.push(from);
					from++;
				}
			return pagesArray; //retorna el arreglo
		},
		searchRole: function (){
			return this.arrayRoles.filter((role) => role.name.includes(this.nameRole));
		}           
},
methods:{
	getRoles(page){
                let me=this;
                var urlRoles ='roles?page=' + page;   
                axios.get(urlRoles).then(function (response) {
                    var respuesta = response.data;
                    console.log(respuesta);
                    me.arrayRoles = respuesta.roles.data;
                    me.pagination = respuesta.pagination;        
                })
                .catch(function (error) {
                    console.log(error);
                });
     }
}