[MultiSelect] How to set default selected items?

[ristaum]

Hi, is there a possibility to set selected items when the MultiSelect is mounted?

[tugcekucukoglu]

Hi,

Yes, it can be

<MultiSelect v-model="selectedCities" :options="cities" optionLabel="name" />


<script setup>
import { ref, onMounted } from 'vue';

const selectedCities = ref(null);

const cities = ref([
  { name: 'New York', code: 'NY' },
  { name: 'Rome', code: 'RM' },
  { name: 'London', code: 'LDN' },
  { name: 'Istanbul', code: 'IST' },
  { name: 'Paris', code: 'PRS' },
]);

onMounted(() => {
  selectedCities.value = [cities.value[0]];
});
</script>

[ristaum]

Thank you!