0

版本 vue-select2 中的 Haixing-Hu/vue-select 在 vue2 中不起作用,需要一些帮助......我做的一切都像文档一样,但没有任何事情发生这是我的模板代码......

<template>
  <div>
    <div class="form-group">
        <label for="select2" class="col-sm-3 control-label">   
            A searchable select with names and localized in en-US:
         </label>
         <div class="col-sm-5">
               <vue-select
                  class="vue-select2"
                  name="select2"
                  :options="options2"
                  :model.sync="result2"
                  :searchable="true"
                  language="en-US"
                >
                </vue-select>
           </div>
           <div class="col-sm-4">
                <p class="form-control-static">
                       Selected Result: <span class="vue-result2">{{ result2 }}</span>
                </p>
           </div>
     </div>
  </div>
</template>

这是我的脚本代码...

<script>
export default {
   components: {
    "vue-select": require("vue-select2")
   },
   data() {
        return {
           serverErrors: {},
           result2: '',
           options2: [
                 {
                    text: 'name1',
                    value: 'value1',
                  },
                  {
                     text: 'name2',
                     value: 'value2',
                   },
             ],
         }
     }
}
</script>

bud 得到了这个... select2 没有显示并收到一个丑陋的警告...

[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <VueSelect>

图像结果视图

4

0 回答 0