Question

我是Vue的新手，正在测试vue可拖动的组件。添加对vue可拖动组件的引用后，出现错误“未知的自定义元素：-您是否正确注册了该组件？对于递归组件，请确保提供“名称”选项。”

我在这里想念什么？先前类似的线程在组件中没有引用组件。

import draggable from "./vue-draggable";

Vue.component('fxm-form', {
    name: 'fxm-form',

    props: [
        "formMode"
    ],

    components: {
        draggable
    },

    data() {
        return {
            list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
            }
    },


    mounted() {
    },

    methods:
    {
    },

    template: `

    <div>
      <h1>Dragable Test</h1>

      <draggable :list="list" class="drag-container">
        <div v-for="item in list" class="drag-item">{{ item }}</div>
      </draggable>

    </div>
`
});

Answer 1

使用Vue.component()创建组件时，它会全局注册组件。

根据官方docs：

全局注册必须在创建根Vue实例（使用新Vue）之前进行

这是因为您尚未在Vue实例之前初始化组件。

您可以在Vue Instance内部注册组件。

这是有效的codesandbox示例

Vue：在组件内添加组件引用后，未知的自定义元素

1 个答案: