Vue({
el: "#search",
data: {
query: "",
results: [],
error: "",
loading: false,
},
watch: {
query: function (newSearch, oldSearch) {
this.getSearchResults();
}
},
methods: {
getSearchResults: _.debounce(
function () {
console.log('run search query')
var len = this.query.length;
if (len < 4 || len > 64) {
this.error = "Search query must be at least 4 symbols and not more than 64 symbols"
return
}
this.loading = true;
var vm = this;
axios.get('/api/v1/search?q=' + vm.query)
.then(function (response) {
return response.data;
}).then(function (value) {
console.log(value.payload);
vm.results = value.payload;
}).catch(alert)
console.log(vm.results);
}, 500
)
},
delimiters: ['<%', '%>']
});
я не вижу здесь этих переменных которые ты пытаешься вывести
Обсуждают сегодня