🚧
vue multiselect placeholder not showing
🚧

vue multiselect placeholder not showing

問題

placeholderが表示されない
 

解決方法

placeholderが表示されない理由は空配列ではないからです。
初期値は空配列に設定する必要があります。
初期値を{}に設定しましたが、下記のissueを参考にして空配列に修正して解決しました。
 
<script setup>
const initValue = searchParams.get('id') ? { id: searchParams.get('id') } : [];
const value = ref(initValue)
</script>

<template>
<VueMultiselect
	v-model="value"
	:options="options"
	placeholder="placeholder"
	label="name"
	track-by="name"
	:showLabels="false"
	class="w-[360px]"
>
	<template #noResult> noResult </template>
</VueMultiselect>
</template>
 

参考にした資料