Can't visible vuetify 'v-select' component

Question

This is my Home page

<template>
<v-form>
 <v-select outlined label="Choose s segment from AI/ML model" :items="item">
 </v-select>
 <v-text-field label="User ID" required></v-text-field>
              
</v-form>
</template>
<script>
export default {
  data: function() {
    return {
      item: ['asv','abc','bcd'],
    };
  },
}

</script>

But I running the project select field is not visible. Why is that? how I do to visible this? (not shows any errors on the console log)

Your problem is elsewhere; Check this out: https://codepen.io/mohammadreza-ae/pen/yLVwEzP?editors=1010 — MohammadReza Abbasi, Mar 15 '21 at 06:42
yes. i know this coding is worked correctly. but i want to know why doesn't display in my project? — Kaumadie Kariyawasam, Mar 15 '21 at 07:01

score 0 · Answer 1 · answered Mar 16 '21 at 11:04

0

The only error in the code is that you are missing an ' at item: ['asv','abc','bcd']. Otherwise, it looks fine

answered Mar 16 '21 at 11:04

Leo Giesen

126
5

Can't visible vuetify 'v-select' component

1 Answers1