我使用一些组件(v-card,v-toolbar,...)Vuetify和总体上是有效的。但是对于某些像v-扩展面板这样的组件,我会遇到这样的错误:“未知的自定义元素:-你是否正确注册了组件?对于递归组件,请确保提供"name”选项。“
我测试了几种解决方案,但都不起作用
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
},但任何作品
除此之外,我的应用程序运行得很好。控制台中没有错误。
谢谢你的帮忙
马可
发布于 2019-08-03 14:51:57
看起来您使用的是Vuetify 1.5.x,但没有<v-expansion-panels>组件。升级到Vuetify 2.x或参考旧版documentation中关于扩展面板的说明。
https://stackoverflow.com/questions/57335964
复制相似问题