Vuetify autocomplete not working when multiple prop is true

69 Views Asked by At

Im trying to make work this autocomplete with multiple prop, it works with muliple = false (default).

When I add the prop multiple to autocomplete then the dropdown doesn't show, the multiple prop works with v-select but whe i chage it to v-autocomplete is not working.

Note: if I asign an item from the list to the v-model, it get selected but still not working as it should be

simple code (doesn't work in my local)

<template>
    <div>
        <v-autocomplete v-model="office" :items="locations" multiple></v-autocomplete>
    </div>
</template>

<script>
    data() {
        return {
            locations: ["Toronto", "New York", "San Jose", "Vancouver"],
            office: [],
        }
    }
</script>

this is how it looks

this is how it looks

html devtool

enter image description here

Vue devtool

enter image description here

as you can see, the v-automcplete has the items, but still not showing up, im usign the last version of vuetify (vue2)

0

There are 0 best solutions below