laravelブラケットの中にvue変数を配置する方法

Question

laravelと一緒に使用するときにvue変数出力を表示する際に問題が発生しています。以下は私のコードです。

<input type="text" 
       class="form-control search-bar__input" 
       placeholder="Search Courses, Interests, Schools or Institutions" 
       autocomplete="on" 
       autofocus="on" 
       v-model="query" 
       v-on:keyup="search"> 
<ul class="list-group"> 
    <li class="list-group-item" v-for="course in courses"> 
     <a href="{{ route('courses.show', '{{ course.id }}') }}">@{{ course.title }}</a> 
    </li> 
</ul> 

上記のコードでは、a要素のルート内で@{{course.id}}を使用しています。しかし、それは動作していないようです。誰も私にこれを助けることができますか？

Answer 1

サーバー側とクライアント側のコードが混在しています。あなたはパラメータとして@{{course.id}}をPHP関数に渡しているので、おそらく構文エラーが発生します。

ルートを出力するにはLaravelを使用し、@{{ }}構文を使用してVue変数を出力することができます。 http://yourdomain.com/courses/path/のようなURLを生成し、それの端に?course_id=を固執する

<a href="{{ route('courses.show') }}?course_id=@{{ course.id }}">@{{ course.title }}</a> 

。

私の推測では、クエリ文字列ではなく、パラメータを含むルートを使用しようとしています。私はrouteに2つ目のパラメータの前後に引用符'を入れていると我々は{{ course.id }}直接出力することを望んでいるので、私は@を省略している

<a href="{{ route('courses.show', '') }}/@{{ course.id }}">@{{ course.title }}</a> 

注：その場合、あなたはこの（未テスト）のようなものを試してみてください私たちはPHPでありブレードではありません。

http://yourdomain.com/courses/path/{{ course.id }}