Necesito pasar argumentos en métodos usando ajax axios.
var app = new Vue({ el: '#app', data: { urlAdmission: admissions: [ { name : 'asdf'}, { name : 'sd'} ] }, mounted: function(){ this.allAdmissions() }, methods: { allAdmissions: _.debounce( function(){ var app = this axios.get('http://localhost/school/api/hello') .then( function(response ){ app.admissions = response.data.admissions }) .catch( function(error){ console.log(error) }) }) } });Como puede ver en montado, llamo a los métodos this.allAdmissions(). Necesito pasar un argumento para poder reutilizar la función. Por ejemplo, this.allAdmissions(' http://localhost/school/api/hello '). Luego utilícelo en axios.get('url'). Gracias
Parece que lo que está tratando de hacer es crear una función que pueda aceptar una URL y vincular los resultados de la URL a un valor variable en sus datos. Así es como podrías hacerlo.
methods: { allAdmissions: _.debounce(function(url, value){ axios.get(url) .then(function(response){ this[value] = response.data.admissions }.bind(this)) .catch(function(error){ console.log(error) }) }) }Entonces, si llamas a ese método así,
this.allAdmissions('http://localhost/school/api/admissions', "admissions") allAdmissions establecerá la propiedad de admissions en sus datos al resultado de su llamada. Esto funciona si siempre desea usar response.data.admissions porque lo codificó. Si quisiera que eso también fuera variable, podría pasar un tercer valor así
methods: { getSomeData: _.debounce(function(url, value, responseValue){ axios.get(url) .then(function(response){ this[value] = response.data[responseValue] }.bind(this)) .catch(function(error){ console.log(error) }) }) }En caso de que algunos necesiten múltiples solicitudes de ajax. Aquí hay un ejemplo.
var app = new Vue({ el: '#app', data: { value: '', admissions: [], schoolyear: [] }, created: function(){ this.ajaxAll() }, methods: { ajaxAll: _.debounce( function(){ var app = this var admissions = 'admissions' var schoolYear = 'schoolyear' axios.all([this.getAllData('http://localhost/school/api/admissions', 'admissions'), this.getAllData('http://localhost/school/api/schoolyear', 'schoolyear')]); }), getAllData: function(url, value){ var app = this return axios.get(url) .then(function(response){ app[value] = response.data[value] console.log(response.data.admissions) }) } } })Crédito a @Bert Evans.