vue-router 용 양식으로 URL을 생성하는 방법은 무엇입니까?

Question

나는 검색 창 (양식) 만들려고하고 있어요,하지만 난 꽤 URL을 가질 필요하지만 내 app.js 이제 기능적으로 내가/프로토콜을 입력 할 때이

let Search = Vue.component('search', require('./components/Search.vue')); 
const routes = [ 
    { path: '/protocols/:param', component: Search }, 
] 

처럼 보이는, 그래서 나는 뷰 라우터를 사용하고/시험은 내가 원하는 결과를 얻을 수 있지만, 나는 그 길/프로토콜/저를 리디렉션 뭔가를 입력 할 때 너무 폼을 생성하는 방법을 잘 모르겠습니다 : 내 페이지가 모든 튜토리얼 이후 VUE 구성 요소

<form action="/protocols/?what goes here?"> 
    <input type="text" placeholder="Search..." class="" name="" id="search"> 
</form> 

때문에 PARAM 같은 페이지에서 검색하도록 만들어졌지만 검색 결과를 위해 전용해야합니다.

Answer 1

는이 같은 URL 동작을 생성하는 데이터의 입력 값을 지정하고 계산 된 속성을 사용하는 V-모델을 사용할 수 있습니다

는

<form :action="urlAction"> 
    <input type="text" placeholder="Search..." class="" name="" id="search" v-model='search'> 
</form> 

지금 동적 URL을 구축하는 데이터와 계산 된 소품을 사용

data() { 
    return { 
    search: '' 
    } 
}, 

computed: { 
    urlAction() { 
    return "/protocols/" + this.search 
    } 
}