laravel bracket 안에 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

서버 측과 클라이언트 측 코드가 혼합되어 있습니다. PHP 함수에 매개 변수로 @{{course.id}}을 전달하므로 구문 오류가 발생했을 수 있습니다.

경로를 출력하려면 Laravel을 사용해야하고 HTML/Blade에서 구문을 사용하여 Vue 변수를 출력 할 수 있습니다. http://yourdomain.com/courses/path/ 같은 URL을 생성하고 그것의 끝에 ?course_id= 스틱 것

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

.

내 생각 엔 쿼리 문자열이 아닌 매개 변수가있는 경로를 사용하려고합니다. 이 경우에, 당신은 이런 식으로 뭔가 (테스트되지 않음) 시도해야합니다 : 우리가 바라고 있기 때문에 route에

내가 넣어 가지고

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

참고 인용 ' 두 번째 매개 변수 주위와 나는 @ 생략 한 직접 출력 {{ course.id }}에 우리는 블레이드가 아닌 PHP를 사용합니다.

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