Ошибка в vue -простая подсказка при выборе элемента - PullRequest
1 голос
/ 17 апреля 2020

В моем приложении 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",

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...