vueコンポーネントからlaravelルートへのリダイレクト

Question

私はsearchboxという名前のVueコンポーネントを持っています。名前を入力して検索ボタンをクリックすると結果を表示するようにリダイレクトされます。私はAxiosを使ってhttpリクエストを作成しています。ここに私のテンプレートがあります：

<form @submit.prevent="searchResult"> 
    <div class="field has-addons searchbox"> 
     <div class="control"> 
      <input class="input" type="text" id="search" name="q" placeholder="Search a video..." @keyup.enter="searchResult" v-model="searchData"> 
     </div> 

     <div class="control"> 
      <button class="button is-primary"><i class="fa fa-search"></i></button> 
     </div> 
    </div> 
</form> 

ここに私のスクリプトは、Vueのファイルにあります：

<script> 
    export default { 

     data() { 
      return { 
       searchData: null, 
      }; 
     }, 

     methods: { 
      searchResult() { 
       axios.get('/search?q=' + this.searchData); 
      } 
     }  
    } 
</script> 

ここに私の検索コントローラです：

class SearchController extends Controller { 

    public function index(Request $request) { 
     return view('search.index'); 
    } 
} 

しかし、私はリダイレクトを見ることはできません。 vaultコンポーネントからlaravelの別のルートにリダイレクトするにはどうすればよいですか？

vue-routerが必要ですか、他の方法に従うことができますか？

Answer 1

あなたはそれが動作window.location.href = '/search?q=' + this.searchData;