vue-js / asp.net核心-错误:您是否正确注册了组件?

问题描述 投票:0回答:1

我对vue.js相当陌生,所以如果这是一个uts问题,请原谅我:-)

该项目是asp.net核心项目,我们将vue.js集成为丰富用户体验的一种手段。过去我们使用jQueru / jQueryUI。考虑到工作的简便性,我们切换到了vue。

我想使用我从这里https://www.npmjs.com/package/vue-swatches#install下载的这个不错的颜色选择器组件>

我在页面中包含了.js和.css文件,在我的脚本中,我已经成功添加了其他组件,但是该方法不适用于该组件。

<div id="appointmentsvue" class="row">

    <select v-model="selectedCareprovider" v-on:change="onSelectedCareproviderChanged" class="form-control">
        <option v-for="careprovider in careproviders" v-bind:value="careprovider">
            {{careprovider.FullName}}
        </option>
    </select>
    <v-colorpicker v-model="selectedColor"></v-colorpicker>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<link rel="stylesheet" href="/lib/vue-select/vue-select.css" />
<script src="/lib/vue-select/vue-select.js"></script>

<link rel="stylesheet" href="/lib/vue-swatches/vue-swatches.min.css" />
<script src="/lib/vue-swatches/vue-swatches.min.js"></script>

<script>
    let appointmentsvue = new Vue({
        el: '#appointmentsvue',
        components: {
            'v-colorpicker': VueSwatches.VueSwatches // https://saintplay.github.io/vue-swatches/
        },
        data: {
            selectedColor: '#AABBCC',
            careproviders: [],
            selectedCareprovider: {},
        },
        methods: {
            onSelectedCareproviderChanged: function () {
            },
            updateCareprovider: function () {
            },
        }
    });
</script>

加载页面后出现此错误。

[Vue警告]:未知的自定义元素:-您是否注册?组件正确吗?对于递归组件,请确保提供“名称”选项。

有什么建议吗?

我对vue.js相当陌生,所以请原谅我,如果这是一个uts-question :-)该项目是asp.net核心项目,如果我们集成vue.js作为丰富用户体验的一种方式。过去我们使用...

asp.net-core vuejs2 vue-component
1个回答
0
投票

我没有找到一个真正的答案,该答案只允许将javascript文件添加到html页面并使用这些组件。

© www.soinside.com 2019 - 2024. All rights reserved.