В настоящее время в Laravel у меня есть работающий экземпляр multiselect Vue, который успешно отображает параметры, которые жестко запрограммированы, но также позволяет мне сохранять ввод в виде тега, если параметр не существует:
new Vue({
components: {
Multiselect: window.VueMultiselect.default
},
data () {
return {
value: [],
options: [
{ tag: '123', name: 'Test 1'},
{ tag: '456', name: 'Test 2'},
]
}
},
methods: {
addTag (newTag) {
const tag = {
name: newTag,
code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
}
this.options.push(tag)
this.value.push(tag)
}
}
}).$mount('#tagContent');
Я пытаюсь связать это с запросом к базе данных в моем контроллере, чтобы получить функцию автозаполнения из результатов базы данных. У меня есть функция, и я протестировал ее с помощью жесткого кодирования $s, но теперь я настроил ее на получение ввода с именем tagSearch, и я очень запутался в том, как связать это, чтобы поиск по моему множественному выбору срабатывал эту функцию правильно. Я новичок в Vue, поэтому любая помощь здесь очень ценится.
public function searchTags()
{
$s = "%" . Input::get('tagSearch') . "%";
$search = Tags::where('TAG_DATA', 'LIKE', $s)->get();
return json_encode($search);
}
@vivek_23 да, у меня есть маршрут к контроллеру
Таким образом, вы можете сделать HTTP-запрос из вашего интерфейса vue на этот маршрут и получить подробную информацию в формате JSON.
Как мне это сделать через компонент vue? Мне просто нужно выяснить, как отправить множественный выбор в качестве значения INPUT в эту функцию и вернуть их как параметры.
Ну, я не эксперт по Vue, но я бы использовал принести javascript. Вы можете использовать это или можете использовать axios, как указано в этот документ.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы сначала делаете маршрут в Laravel?