看不到 vuetify 'v-select' 组件

Posted

技术标签:

【中文标题】看不到 vuetify \'v-select\' 组件【英文标题】:Can't visible vuetify 'v-select' component看不到 vuetify 'v-select' 组件 【发布时间】:2021-06-12 10:22:56 【问题描述】:

这是我的主页

<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>

但我运行的项目选择字段不可见。 这是为什么?我该怎么做才能看到这个? (在控制台日志中不显示任何错误)

【问题讨论】:

请分享控制台日志错误 控制台日志中不显示任何错误 你的问题在别处;看看这个:codepen.io/mohammadreza-ae/pen/yLVwEzP?editors=1010 是的。我知道这个编码工作正常。但我想知道为什么我的项目中没有显示? 为什么在关闭脚本标签之前有这个&lt;/ 【参考方案1】:

代码中的唯一错误是您在item: ['asv','abc','bcd'] 处缺少'。 否则,它看起来不错

【讨论】:

以上是关于看不到 vuetify 'v-select' 组件的主要内容,如果未能解决你的问题,请参考以下文章

Vuetify 选择组件初始值问题

有没有办法在 Vuetify 中获取所选 v-select 选项的索引?

VueJS 和 Vuetify - 用于 v-select 的数组项在数据更新后不刷新

将自定义数据属性添加到 Vuetify v-select 选项

样式化 Vuetify 选择器

Vuetify 克隆和过滤 v-select