Я новичок в vue js. Я использую плагин vue-multiselect. Я интегрировал плагин в vue js с inertia js и laravel на бэкенде. При получении ответа со стороны сервера при поиске выпадающее содержимое не обновляется.
let selectedUser = ref(props.filters.selectedUser);
let selectedCustomer = ref('');
let users = [];
let customerSelected = (selected = {}) => { selectedCustomer = selected;asyncFind();};
let asyncFind = (find='') => {
var url= window.location.href;
url = url.split("/logs");
if (selectedCustomer.id !=undefined)
{
window.axios.get(url[0]+'/custusers', { params: { search: find, customer:selectedCustomer.id } })
.then(response => {
users = response.data;
})
.catch(error => {
console.info(error);
});
}
};
И HTML здесь
<multiselect v-model = "selectedUser"
:value = "selectedUser"
:options = "users"
label = "text"
track-by = "text"
placeholder = "Type to search"
open-direction = "bottom"
@search-change = "asyncFind">
</multiselect>
ответ сервера следующий
[
{
"id":10490,
"text":"kashif"
},
{
"id":10491,
"text":"kashif"
},
{
"id":10492,
"text":"kashif"
},
{
"id":10493,
"text":"kashif"
},
{
"id":10494,
"text":"kashif"
},
{
"id":10495,
"text":"kashif"
},
{
"id":10496,
"text":"kashif"
},
{
"id":10497,
"text":"kashif"
},
{
"id":10498,
"text":"kashif"
},
{
"id":10499,
"text":"kashif"
}
]
Я проверил ответы в предложении, но не понял.
users
var тоже должен быть реактивным:
// ...
let users = ref([]);
И обновите его:
// ...
window.axios.get(url[0]+'/custusers', { params: { search: find, customer:selectedCustomer.id } })
.then(response => {
users.value = response.data;
})