VueJs - URL 매개 변수에 입력을 바인딩하십시오.

Question

vue.js의 경로 매개 변수에 입력 필드를 바인딩하고 싶습니다.

<input v-model="$route.params.query"/> 

가능합니까?

Answer 1

예, 가능합니다. 내 코드에서 나는 쿼리로 url에 선택한 값을 추가하려는 변경에 <select> 요소가 있습니다. 그래서,이 같은 짓을 :
내 이전 URL했다 :

로컬 호스트 : 8080/책

<select class="form-control" v-on:change="appendQueryToUrl" v-model="filterData.genre"> 

methods: { 
     appendQueryToUrl() { 
      this.$router.push({query: {genre: this.filterData.genre}}) 
     } 
} 

장르 내 열쇠와 this.filterData.genre 내 로컬 객체 값입니다을. 이제 내 URL을 보이는 같은 :

로컬 호스트 : 8080/책/장르 = 컴퓨터

감사 및 오류 경우에 저를 알려줍니다.