首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误“未知的自定义元素...”仅适用于特定的Vuetify组件,如v-expansion-panels

错误“未知的自定义元素...”仅适用于特定的Vuetify组件,如v-expansion-panels
EN

Stack Overflow用户
提问于 2019-08-03 14:22:27
回答 1查看 568关注 0票数 2

我使用一些组件(v-card,v-toolbar,...)Vuetify和总体上是有效的。但是对于某些像v-扩展面板这样的组件,我会遇到这样的错误:“未知的自定义元素:-你是否正确注册了组件?对于递归组件,请确保提供"name”选项。“

我测试了几种解决方案,但都不起作用

main.js

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
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',
  }
})

和我的组件:

代码语言:javascript
运行
复制
<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中添加不同方式的组件,例如:

代码语言:javascript
运行
复制
import Vuetify, { VExpansionPanel } from 'vuetify/lib'
Vue.use(Vuetify, {
  components: {
    VExpansionPanel
  },

但任何作品

除此之外,我的应用程序运行得很好。控制台中没有错误。

谢谢你的帮忙

马可

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-03 14:51:57

看起来您使用的是Vuetify 1.5.x,但没有<v-expansion-panels>组件。升级到Vuetify 2.x或参考旧版documentation中关于扩展面板的说明。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57335964

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档