Vue-select: Stop v-select from filtering AJAX result?
I'm using :on-change callback and I search serverside and return new options. However nothing is shown because I suspect v-select does it's own client side filtering.
Can this be disabled?
oliverjanik
All 5 comments
I'm also very interesting in this behaviour.
lamberttraccard
on 20 Jun 2017
So after looking into the code it seems that it does a filtering for the options in this section of the code.
filteredOptions() {
let options = this.mutableOptions.filter((option) => {
if (typeof option === 'object' && option.hasOwnProperty(this.label)) {
return option[this.label].toLowerCase().indexOf(this.search.toLowerCase()) > -1
} .........
if a boolean prop can be added to prevent this that would be great like
/**
* Disable the option filtering.
* @type {Boolean}
*/
noFilter: {
type: Boolean,
default: false
},
Then the upper code would have to check on that first
filteredOptions() {
let options = this.mutableOptions.filter((option) => {
if(this.noFilter)
{
return true;
}
else if (typeof option === 'object' && option.hasOwnProperty(this.label)) {
return option[this.label].toLowerCase().indexOf(this.search.toLowerCase()) > -1
} .........
zeidanbm
on 20 Jun 2017
I am also experiencing the same problem. The server returns a response but nothing is shown because the results are filtered. This makes it impossible to e.g. perform a SQL search based on multiple keywords.
Snippo
on 30 Jun 2017
Will be solved by PR #191.
sagalbot
on 30 Jun 2017
You can use <v-select :filterable="false"> to prevent client side filtering.
sagalbot
on 13 Jan 2018
Related issues
ducdev
路
3Comments
pud1m
路
3Comments
manjunath-coachthem
路
3Comments
PrimozRome
路
4Comments
mattWalters0
路
3Comments
Most helpful comment
You can use
<v-select :filterable="false">to prevent client side filtering.