[form action] 검색어 쿼리로 전송하고 값 읽기

구현 화면 :

 

구현 방법 :

 home 화면에서 input 태그를 form으로 감싼다.

<form action="./search" method="get">

          <input type="text"      v-model="inputRest" />

         

</form>

input name을 설정한다.

<form action="./search" method="get">

          <input type="text"      v-model="inputRest" name="query"/>

         

</form>

url 파라미터 값을 받아온다.

const url = new URL(window.location.href);

const urlParams = url.searchParams;

let query = urlParams.get('query');

원하는 곳에 배치한다.

<input type="text" :value='query'/>