블레이드에서 vue 구성 요소로 소품을 전달할 때 예기치 않은 토큰 '{'

debugcn 에 게시 Dev

Movac

블레이드에서 vue 구성 요소로 변수를 전달해야합니다. 일반적으로 다음과 같은 작업을 수행 할 수 있습니다.

<vue-component :the-prop="{{ blah }}" />

prop 값을 전달할 때. 그러나이 경우에서 값을 전달하려고하는데 $_SESSION잘못된 토큰 오류가 발생하고이를 해결하는 방법을 모르겠습니다.

난 노력 했어:

<vue-component :the-prop="{{ $_SESSION['data'] }}" />

과

<vue-component :the-prop="{{ session('data') }}" />

"세션"부분에 도달하지 않는 것 같고 오류가 발생합니다.

Invalid expression: unexpected token '{'

다음과 같이 ID를 하드 코딩하면 코드가 제대로 작동합니다.

<vue-component :the-prop="3" />

타이핑해도 v-bind:the-prop차이가 없습니다.

miken32

컴포넌트에서 속성 앞에 콜론을 붙이는 것은 문서에 설명 된대로 PHP에서 직접 처리하기를 원한다는 것을 의미합니다 . 그래서이 대신 :

<vue-component :the-prop="{{ $_SESSION['data'] }}" />

이 시도:

<vue-component :the-prop="$_SESSION['data']" />

또는 더 좋은 방법은 다음과 같습니다.

<vue-component :the-prop="session('data')" />

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-7

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

블레이드에서 vue 구성 요소로 소품을 전달할 때 예기치 않은 토큰 '{'

블레이드에서 vue 구성 요소로 소품을 전달할 때 예기치 않은 토큰 '{'

Vue 단일 파일 구성 요소를 테스트 할 때 Jest가 예기치 않은 토큰을 발견했습니다.

기능적 구성 요소에서 콜백을 소품으로 전달할 때 성능 문제에 대응

상태 비 저장 기능 구성 요소와 반응하여 조건부 렌더링을 시도 할 때 "예기치 않은 토큰, 예상 됨"

노드 js : 예기치 않은 토큰 '.' 중괄호로 전역 변수를 전달하려고 할 때

'예기치 않은 토큰;' jQuery AJAX 요청에서 PHP 변수를 전달하려고 할 때

getChildContext ()를 reactjs 상위 구성 요소에 전달하면 webpack에서 예기치 않은 토큰 오류가 발생합니다.

webgl 프로젝트의 typescript 구성. 예기치 않은 토큰 : typescript lint 오류에서 유형을 데칼링 할 때

Angular material-코드를 구성 요소로 분할 할 때 예기치 않은 동작

Vue / laravel-블레이드에서 vue 구성 요소로 데이터 전달

MaterialUI 테마 소품을 스타일 구성 요소에 전달하려고 할 때 '정의되지 않음'

Typescript 및 클래스 구성 요소 데코레이터를 사용할 때 Vue Router에서 소품을 전달하는 방법

Reactjs를 사용하여 기능 구성 요소에 소품을 전달할 때 if 문이 작동하지 않습니까?

React-기능 구성 요소를 사용할 때 .map 함수에 대한 소품을 전달하는 방법

개체 리터럴에서 다른 속성 이름을 사용할 때 예기치 않은 토큰

반응의 자식 구성 요소에 소품을 전달할 때 TypeScript 오류

구문 분석 오류 : 반응에서 조건을 추가 할 때 예기치 않은 토큰

JSX 파일을 구문 분석 할 때 예기치 않은 토큰 오류

Angular 2에서 Ajax 요청을 시도 할 때 예기치 않은 토큰 오류가 발생합니다.

소품을 자식 구성 요소에 전달할 때 구성 요소 다시 렌더링 방지

경로 구성 요소에 소품 전달 Vue

블레이드 파일의 동적 데이터를 소품으로 vue 구성 요소에 전달하는 방법은 무엇입니까?

ReactJS : 심볼릭 링크 된 구성 요소 가져 오기 오류 : 모듈 구문 분석 실패 : 예기치 않은 토큰 :이 파일 유형을 처리하려면 적절한 로더가 필요할 수 있습니다.

Nuxt.js 페이지에서 소품을 사용하여 Vue 구성 요소로 개체를 전달할 수 없습니다. 정의되지 않은 소품 변수

예기치 않은 토큰 "." JavaScript에서 .bind ()를 사용할 때

내 프레젠테이션 구성 요소의 return 문 내부의 if 문에서 예기치 않은 토큰 오류가 발생합니다.

정의되지 않은 구성 요소에서 상태를 소품으로 전달하는 감속기

캐치되지 않는 구문 에러 : 예기치 않은 토큰 . ClassNotty를 사용할 때

캐치되지 않는 구문 에러 : 예기치 않은 토큰 . ClassNotty를 사용할 때

캐치되지 않는 구문 에러 : 예기치 않은 토큰 . Firebase 데이터베이스에 값을 설정할 때