Question

<v-time-picker>-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项

<div class="form-inline">
    <label for="">Time</label>

    <v-time-picker
         class="theme-orange"
         v-model="time"
         input-class="form-control"
         type="time"
         auto>
    </v-time-picker>

</div>

我只需要时间选择器，如何解决此问题？

Answer 1

这是时间选择器的Vuetify代码

<v-time-picker v-model="time" header-color="primary"></v-time-picker>

即使在JS中，也必须确保已关联了v模型，JS中的变量可以为null或字符串，并且可以将其用于任何函数。

在您的JS中，必须是这样

data:{
   time: ''(this is most recommended) or time: null
}

Answer 2

该错误消息表示您尚未将组件导入文件中。另一种方法是将vuetify全局添加到您的项目中。要解决此问题，请在您的main.js/index.js文件中添加以下行：

import Vuetify from 'vuetify';
// ...other import statements

Vue.use(Vuetify)

<v-time-picker>-时间选择器不起作用

2 个答案: