我想在不使用webpack的情况下将this组件添加到我的Vue.js项目中。
我已经尝试将其添加到head
:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/build.js"></script>
这是body
:
<autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>
但是发生以下错误:
[[Vue警告]:未知的自定义元素:自动完成-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。
我该怎么办?
[Here是Github上组件的链接。
您是否已在Vue.components();
的main.js
中注册了它?
您需要像下面那样先注册该组件
components: {
Autocomplete: window["vuejs-autocomplete"]
}
示例
new Vue({
el: '#app',
components: {
Autocomplete: window["vuejs-autocomplete"]
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/build.js"></script>
<div id="app">
<autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>
</div>