v-select with filter dosent work

时间:2018-04-27 12:58:13

标签: vue.js vuetify.js

我创建了一个v-select,但我想过滤我要显示的内容

这是我的HTML:

<v-select
  :items="formaPagamentoList"
  :filter="filtarFormaPagamento"
  item-text="nome"
  v-model="formPagamentoSelecionada"
  item-value="id"
  placeholder="Selecione uma Forma de Pagamento"
  single-line
  ></v-select>

这是我的js

data: () => ({
    formPagamentoSelecionada: null,
    totalAdicionado: 0,
    valorInformado: null,
    formaPagamentoList: [],
    formPagamentoAdicionada: [],
    alert: false,
    filtarFormaPagamento(item, queryText, itemText) {
      console.log('hi');
      return item.credito;//this is a boolean prop in my object
    },
  }),

我的&#39;嗨&#39;不要在控制台中显示,我的选择不会被过滤。

TKS

1 个答案:

答案 0 :(得分:0)

它似乎是一个错误(v.1.0.17),如果没有autocomplete道具,它就无法运作。

在此跟踪相关的github问题:
https://github.com/vuetifyjs/vuetify/issues/3815