FilterBy от начала строки

Question

Как и в настоящий момент фильтр filterBy ищет совпадающие значения по всей строке. Например, если я фильтрую с помощью «e», результаты фильтрации могут повлечь за собой: «Развлечения», «Интернет», «Услуги».

Есть ли способ для меня направить filterBy, чтобы начать сопоставление с начала строки и игнорировать остальные, так что единственным результатом, который возвращается с этого набора, является «Развлечения»?

Answer 1

Вы можете написать свой собственный Filter и проверить indexOf поле, которое вы ищете.

Допустим, у вас есть

<div id="app"> 
    <input v-model="search"> 
    <div v-for="item in items | startsWith search 'name'"> 
    {{ item.name }} 
    </div> 
</div> 

Тогда ваш фильтр может выглядеть примерно так:

Vue.filter('startsWith', function (array, search, field) { 
    if (!search.length) return array; 

    return array.filter(function(element) { 
    return element[field].toLowerCase().indexOf(search.toLowerCase()) === 0; 
    }) 
}) 

Вот краткие демо: https://jsfiddle.net/jb22wp1b/