Vue-multiselect: ":hide-selected" not works

Created on 1 Aug 2017  路  6Comments  路  Source: shentao/vue-multiselect

i use ":hide-seleccted='true'" but not works, the options was updated by vuex is any problem with vuex or if the data is set for other action or method?

bug

Most helpful comment

@Xationch thanks for providing an example!

This is a bug, apparently hide-selected is not respected when internal-search is false. I'll be preparing a fix soon.

All 6 comments

Hi @KsCorrales
Can you please elaborate on your problem? A jsfiddle with the example would be great.

Same problem here

I'm using a Ajax request

<multiselect v-model="selectedUsers" :hide-selected="true" :internal-search="false" label="name" track-by="id" :options="users" :multiple="true" :searchable="true" :loading="isLoading" @search-change="asyncFindUsers" :show-no-results="false"></multiselect>
users: [
    { name: 'Jean', id: 1 },
    { name: 'Louis', id: 2 }
],
asyncFindUsers (query) {
    if (query) {
        this.isLoading = true
        axios.get('/api/user/' + query + '/search').then(({data}) => {
            this.users = data.data
            this.isLoading = false
        })
    }
},

@Zip753 i'ts just that, only i get the data from axios, but :hide-selected not works, i'ts set to true but not hide the options selected.

@Xationch i'ts my same problem

@Xationch thanks for providing an example!

This is a bug, apparently hide-selected is not respected when internal-search is false. I'll be preparing a fix soon.

Any updates on this fix?

Fixed. Sorry for the delay. Should be published on Saturday/Sunday.

Was this page helpful?
0 / 5 - 0 ratings