[자동완성검색(2)] 입력값으로 자동완성 기능 작성하기 filter. match, include, startsWith

목적 : 인풋값과 맞는 테이터 리스트를 출력하기

코드 실행 : 

<input

          class= "form-control"

          placeholder="휴게소를 입력해주세요"

          type="text"

          v-model="inputRest"

          @focus="modal=true"

          style="width: 500px"

        />

<div v-if="inputRestList && modal" class="auto_list">        

          <li v-for="rest in 5" class="list-group-item" @click="clickevent(inputRestList[rest-1])"> {{inputRestList[rest-1]}}</li>          

       

const inputRestList = computed(() => {

  return highwayDataArray.filter((data) => data.includes(inputRest.value));

 

});

실행 코드를 완성하기 전, 

1. data.startsWith(inputRest.value))로 작성했을 때는 인풋값으로만

시작하는 검색어만 떠서 삭제했다.

 

2. data.match(inputRest.value))로 작성한 적이 있는데,

입력칸에 "("를 작성하려 할 때 콘솔창에 이런 에러창이 떴다.