我想添加this https://cdn.jsdelivr.net/npm/vuejs-auto-complete@0.9.0/dist/build.js不使用 webpack 的情况下将组件添加到我的 Vue.js 项目中。
我尝试将其添加到head
:
<script src="https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/dist/build.js"></script>
而这对于body
:
<autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>
但出现以下错误:
[Vue warn]:未知的自定义元素:自动完成 - 您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。
我应该怎么办?
Here https://github.com/charliekassel/vuejs-autocomplete是 Github 上该组件的链接。
您需要先注册该组件,如下所示
components: {
Autocomplete: window["vuejs-autocomplete"]
}
Example
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] /cdn-cgi/l/email-protection/dist/build.js"></script>
<div id="app">
<autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)