如何在多选primvue和vuejs 3中进行搜索

Question

我想在multiselect primevue上进行搜索，这里我使用过滤器和 函数 @search="searchStorageLocations" 进行搜索。但这没有用。请帮忙提供解决方案和指导

我的希望是能够在多选 primevue 中进行搜索

berikut 代码说

 <MultiSelect v-model="datamaster.s_loc" :options="s_locs" optionLabel="s_loc" placeholder="Select storage location" :maxSelectedLabels="3" :class="{ 'p-invalid': submitted && !datamaster.s_loc }" @search="searchStorageLocations" filter />

const searchStorageLocations = async (event) => {
    console.log(event)
    try {
        const response = await fetch(`${apiBaseUrl}/api/sloc/master_storage_location?search=${event.query}&paginate_count=15`, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                Authorization: `Bearer ${localStorage.getItem('token')}`
            }
        });
        const data = await response.json();
        if (response.ok) {
            s_locs.value = data.data.data;``
        } else {
            throw new Error(data.error || 'Failed to fetch storage location data from API');
        }
    } catch (error) {
        console.error('Error fetching storage locations:', error);
        toast.add({ severity: 'error', summary: 'Error', detail: 'Failed to fetch storage locations', life: 5000 });
    }
};

Answer 1

根据 primeVue 文档，MultiSelect 组件不会发出“搜索”事件（请参阅在此处输入链接描述） 相反，您可能必须使用“过滤”事件