我对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作为丰富用户体验的一种方式。过去我们使用...
我没有找到一个真正的答案,该答案只允许将javascript文件添加到html页面并使用这些组件。