首页 > 解决方案 > 使用 vue-select 进行多选时出错

问题描述

我在我的项目中使用 vue-select 和制表符。我能够从 json 文件中获取数据并查看它。But when selecting the options i get an error saying " Component emitted event "option:selecting" but it is neither declared in the emits option nor as an "onOption:selecting" prop. ". 多次尝试后我无法解决此错误。下面是代码。

 **<template>
      <form> 
          <div class="container h-25 w-10/12 mx-auto pb-3  border 2 border-gray-300 flex flex-col rounded-md items-left bg-gray-100" >     
              <label class="px-3 py-1 w-10/12 text-xs text-black font-medium">Employee</label> 
              <div class="px-2">
                   <v-select v-model="Selected" multiple :options="options" label="Employee"  placeholder="---SELECT---"  class="style-chooser"></v-select>
              </div>
              <!-- <span>Selected: {{ Employee_Id }}</span> -->                
           </div>
       </form>
       <!-- <ul><li v-for="item in datas" :key="item.Employee">{{ item.Employee }}</li></ul> -->
</template>
<script>
import dataset from './dataset.json'
    export default {
        data(){
                return {
                   
                    openCard: false,
                    Selected: ""
                        }
              },
              computed: {
                    options: () => dataset
                         },
              methods:{
              open(){
                this.openCard = ! this.openCard
                     },
             },
}
</script>**

非常感谢您的帮助。

标签: laravelvue.jsvuejs3vue-select

解决方案


推荐阅读