vue.js - 如何直接注册组件 vuetify-date-range picker ？无法获取自定义元素

Question

我使用 vuetify 在我当前的 vue 应用程序中安装 https://github.com/praveenpuglia/vuetify-daterange-picker 我遵循文档。但它给我一个错误。

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

//在main.js中

//在我的组件中

//package.json

//错误

标签： vue.jsvuetify.js

Answer 1

From link you provided:

// If you want to register this as a global component then
// in main.js
import VDateRange from 'vuetify-daterange-picker';
import 'vuetify-daterange-picker/dist/vuetify-daterange-picker.css';

Vue.use(VDateRange);

And in your components you can use VDateRange with name v-date-range:

<template> 
  <div>  
    <v-date-range :options="dateRangeOptions" @input="onDateRangeChange"></v-date-range>
  </div>
</template>