小编Tai*_*ian的帖子

正如您在 jsfiddle bellow 上看到的，我正在使用一个名为 Vue Multiselect 的 vue 组件。

当多选的文本大于其宽度时，多选的高度会增加以适应文本。

我想在不增加高度和宽度的情况下将它保持在一行中。

https://jsfiddle.net/uweL9zap/1/

HTML：

<div id="app">
  <multiselect 
    v-model="value" 
    :options="options"
    track-by="library"
    :custom-label="customLabel"
    :option-height="50"
    >
  </multiselect>
</div>

JS：

new Vue({
    components: {
    Multiselect: window.VueMultiselect.default
    },
    data: {
    value: { language: 'JavaScript teste teste teste', library: 'Vue-Multiselect' },
    options: [
        {   language: 'JavaScript teste teste teste', library: 'Vue.js' },
      { language: 'JavaScript teste teste teste', library: 'Vue-Multiselect' },
      { language: 'JavaScript teste teste teste', library: 'Vuelidate' }
    ]
    },
  methods: {
    customLabel (option) { …

我想在不使用 webpack 的情况下将此组件添加到我的 Vue.js 项目中。

我试过将此添加到head：

<script src="https://cdn.jsdelivr.net/npm/vuejs-auto-complete@0.9.0/dist/build.js"></script>

这对body：

<autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>

但是会发生以下错误：

[Vue 警告]：未知的自定义元素：自动完成 - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我该怎么办？

这是 Github 上组件的链接。