vue-select에서 multiple 옵션 설정 후 다중 선택시 오류

환경

ㆍvueJS 3.x

ㆍvue-select

 

요약

vue-select에서 multiple 옵션 설정 후 다중 선택시 중복체크가 되지 않는다.

 

원인

빈 오브젝트 체크 오류

 

대응

원본 파일은 건드리지않고 컴포넌트를 extend 하여 isOptionSelected 메소드를 수정하여 준다. 

/** v-select custom */

Vue.component('temp-select', vSelect);
const Base = Vue.options.components["temp-select"];
const CustomSelect = Base.extend({
    methods: {
        isOptionSelected(option) {
            return this.valueAsArray.some(value => {
                if (typeof value === 'object') {
                    return this.optionObjectComparator(value, option)
                }
                return value === option || value === option[this.index]
            });
        }
    }
});

Vue.component('v-select', CustomSelect);

 

※ 참고 사이트 : https://github.com/sagalbot/vue-select/pull/693