首页 文章

Vue.js - Vuetify：未知的自定义元素：[...] - 您是否正确注册了组件？

提问于
浏览 次
0

我为Vuetify的每个html标签收到此错误 . 我用Vuetify安装了

npm install --save-dev vuetify

在我的main.js中，我有：

const Vue = require("vue");
const Vuetify = require("vuetify");
const tracksList = require("./track-list.vue");

Vue.use(Vuetify);

trackList = new Vue({el: "#track-list", template: "<tracksList/>", components: {tracksList}});

文件track-list.vue是：

<template src="../templates/track-list-component.html"></template>
<script src="./track-list.js"></script>

在我的模板track-list-component.html中，这是使用Vuetify的部分：

<div class="track-name-row"
                 v-on:click="expandTrack(project.structure.tracks.indexOf(track))"
                 @contextmenu="show">
                <li class="track-color-viewer"></li>
                <span>{{"Track "+project.structure.tracks.indexOf(track)}}</span>
                <img class="item-view" src="../assets/img/ic_view.svg" alt="view">
            </div>

            <v-menu offset-y v-model="showMenu" :position-absolutely="true" :position-x="x" :position-y="y">
                <v-list>
                    <v-list-tile>
                        <v-list-tile-title>test</v-list-tile-title>
                    </v-list-tile>
                </v-list>
            </v-menu>

track-list.js是一个简单的Vue组件：

module.exports = {
    name: "track-list",
    components: {
            [ ... ]
    },

    data() {
        return {
               [ ... ]
        };
    }
}

要导入Vuetify，还有其他事情要做，比安装Vuetify和npm并在main.js中使用Vue.use（Vuetify）？我有点失落和悲伤，这个lib似乎真的很棒 .

vue.js vuetify.js

1 回答

  • 0
    module.exports = {
    name: "track-list",
    components: {
        [ ... ]
    },
    data() {
        return {
           [ ... ]
        };
    }
 }

    应该

    module.exports = {
    name: "track-list",
    components: {
        componentName
    },
    data() {
        return {
           variableName: ''
        };
    }
 }

    组件应包括您正在使用的所有自定义组件 . （示例中为componentName） . 如果您不使用任何部件，请删除组件部件，

    数据应包括您为该组件使用的所有变量（示例中为variableName） .

    回复于

相关问题