В моем приложении vue / cli 4 / Bootstrap 4.3 я делаю компонент предложения (используя vue -simple-предлагать) с некоторыми дополнительными параметрами и возвращая данные, мне нужно получить поле слагаемой выбранной строки и перенаправить на другой страница основана на этом слизне. Поиск работает нормально для меня, но когда выбран элемент в списке выбора, я вижу в консоли браузера еще один запрос к базе данных со всем выбранным объектом элемента, что вызывает ошибку. Я делаю:
<vue-simple-suggest
id="search_string"
v-model="search_string"
display-attribute="name"
value-attribute="slug"
:list="simpleSuggestionList"
autocomplete=off
mode="select"
@select="taskSuggestionSelected()"
></vue-simple-suggest>
и js код:
simpleSuggestionList() {
let filters={
search_string : this.search_string, // search
only_free : ( this.cbx_only_free ? 1 : 0), // additive parameters
price_min : this.tasksPriceRange[0],
price_max : this.tasksPriceRange[1],
selectedCategories : this.getSelectedCategories
}
console.log('filters::')
console.log(filters)
return axios.post(this.apiUrl + '/tasks-search', filters, this.credentialsConfig)
.then(({data}) => {
return data.tasks
})
.catch(error => {
console.error(error)
this.showPopupMessage('Tasks search', error.response.data.message, 'warn')
})
// return this.retArray
},
taskSuggestionSelected() {
console.log('\'taskSuggestionSelected par1 ::\'+par1 +" search_string::"+this.search_string::')
return false
}
1) Почему ошибка и как не инициировать запрос к серверу при выборе элемента и 2) как сохранить / передать слаг выбранного элемента в метод taskSuggestionSelected, так как мне нужно сделать перенаправление?
"vue": "^2.6.10",
"vue-simple-suggest": "^1.10.1",
Спасибо!