할당 후 입력값 변경

할당 후 입력값 변경

혼란스러운 상황입니다.route param에서 입력 요소에 값을 할당하고 있습니다.

<input type="search" class="form-control search-control" :value="search">

그리고 검색 계산 함수는

computed: {
  search() {
    if(this.serviceBenefitRoute) {
      return this.serviceBenefitRoute;
    }
    return this.$store.state.search;
  }
}

내가 직면하고 있는 문제는this.serviceBenefitRoute값이 입력란에 표시되지만 삭제할 수 없습니다.계속 유지되고 있습니다.삭제하려고 해도 다시 반환됩니다.나는 이 문제에 꽤 오랫동안 시달리고 있고 아이디어가 없다.

초기값을 설정하려는 것처럼 들립니다.search먼저 경로에서 출발한 후 다시 상점으로 돌아갑니다.

이거 쓸 수 있을 거야

data () {
  return {
    search: this.$route.params.service || this.$store.state.search
  }
}

그런 다음 사용v-model

<input type="search"
       class="form-control search-control" 
       v-model="search">

에 대해 계산된 값은 필요하지 않습니다.search.

언급URL : https://stackoverflow.com/questions/50847719/changing-input-value-once-assigned