In the Vue.js code snippet below, there is a variable named newQuestion that is passed to the function getAnswer like this: this.getAnswer(newQuestion). Further down in the methods section, particularly at this line getAnswer: _.debounce(, I would like to retrieve the value so that I can insert it here:
axios.post('http://35.196.91.194/insurance-list', {})Here is the complete code:
var InsuranceVM = new Vue({
delimiters: ['[[', ']]'],
el: '#insurance-form',
data: {
insurance_types: [],
insurance_type: '',
insurance_types_get_error: '',
},
watch: {
// whenever question changes, this function will run
insurance_type: function (newQuestion, oldQuestion) {
//this.answer = 'Waiting for you to stop typing...'
this.getAnswer(newQuestion)
}
},
methods: {
getAnswer: _.debounce(
function () {
var vm = this;
axios.post('http://35.196.91.194/insurance-list', {})
.then(function (response) {
vm.insurance_types_get_error = '';
vm.insurance_types = response.data.results;
})
.catch(function (error) {
vm.insurance_types_get_error = 'Error! Could not reach the API. ' + error;
})
},
500
)
}
});