Question

我使用了Vuetify的某些组件（v卡，v工具栏等），总体上它可以正常工作。但是对于某些功能，例如v-expansion-panels，我有此错误： “未知的自定义元素：-您是否正确注册了该组件？对于递归组件，请确保提供“名称”选项。”

我测试了几种解决方案，但无济于事

main.js

import Vue from 'vue'
import './plugins/vuetify.js'
import App from './App.vue'

new Vue({
   router,
  store,
  render: h => h(App)
}).$mount('#app')

vuetify.js

import Vue from 'vue'
import 'vuetify/src/stylus/app.styl'

Vue.use(Vuetify, {
  iconfont: ' md || fa', 

  theme: {
    primary: '#F5A623',
    secondary: '#a9a9a9',
    accent: '#82B1FF',
    error: '#FF5252',
    info: '#2196F3',
    success: '#4CAF50',
    warning: '#FFC107',
  }
})

和我的组件：

<template>
    <div>
        <v-expansion-panels>
            <v-expansion-panel v-for="(item,i) in 5" :key="i">
                <v-expansion-panel-header>Item</v-expansion-panel-header>
                <v-expansion-panel-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</v-expansion-panel-content>
            </v-expansion-panel>
        </v-expansion-panels>
    </div>
</template>

<script>
export default {};

我尝试在Vuetify.js中添加不同方式的组件，例如：

import Vuetify, { VExpansionPanel } from 'vuetify/lib'
Vue.use(Vuetify, {
  components: {
    VExpansionPanel
  },

但是任何作品

否则我的应用程序可以正常工作。控制台中没有错误。

感谢您的帮助

马可

Answer 1

好像您正在使用Vuetify 1.5.x，并且没有<v-expansion-panels>组件。升级到Vuetify 2.x或参考有关扩展面板的旧documentation。

错误“未知的自定义元素...”仅适用于某些Vuetify组件，例如v-expansion-panels

1 个答案: