quasar1.X 사용 시 몇 가지 함정

quasar는 버전 0.x를 사용하기 시작했고 나중에 1.x로 업그레이드되었습니다. 이제 최신 버전은 2.0.3입니다. 버전 간 차이가 상대적으로 크다보니 0.x 버전에서 개발한 프로젝트를 1.x 버전으로 업그레이드 해보고 싶었는데, 차이점도 너무 크고 수정해야 할 부분도 너무 많아서 할 수가 없었습니다. 선택은 포기하지만.

나중에 버전 1의 특정 데이터를 사용하여 새로운 프로젝트를 개발해 보았습니다.

중국 공식 홈페이지의 문서 주석 구문은 이렇습니다

이 q-table 컴포넌트의 구문은 처음에는 매우 간단해 보이지만, 하지만 위 구문에 따라 실행한 후에도 데이터 테이블에서 여전히 데이터를 가져올 수 없고 여전히 의아해합니다.

평소에는 중국 공식 홈페이지를 보는 게 더 익숙해서 중국어 버전 공식 홈페이지를 확인해 봤습니다. 나중에 공식 홈페이지 영문판을 보려고 했더니 거기에 나오는 구문이 다음과 같아 놀랐습니다.

위 구문에 따르면, 행, 문제로 변경했습니다. 문제가 해결되었고 테이블의 데이터가 예상대로 도착했습니다.

한숨이 나오지 않을 수 없다. 이 퀘이사는 우리 개발자들을 괴롭히려는 의도인가!

손실을 입을 때마다 지혜를 얻으십시오. 앞으로는 영어 자료 만 참고하면됩니다.

요구 사항: 테이블의 각 레코드 행 앞에 확인란이 나타나 데이터 레코드를 단일 또는 다중 선택할 수 있습니다.

중국 공식 홈페이지 표기 구문은 다음과 같습니다.

영문 공식 홈페이지 표기 구문은 다음과 같습니다.

확인 후, : selected.sync="selected" , 'v-bind' 지시어의 구문 오류 '.sync' 수정자는 더 이상 사용되지 않습니다. vue/no-depreca가 직접 나타나는 대신 'v-model:propName'을 사용하세요. 0.x 버전과 동일한 구문으로 수정하면 selected="selected" 구문 오류는 더 이상 나타나지 않지만 체크박스를 선택할 수 없습니다.

v-model:selected="selected"에 따라 각 레코드를 정상적으로 선택할 수 있습니다.

불평을 금할 수가 없어요. 드디어 쌓인 경험이 사람을 죽일 수도 있거든요!

요구 사항: 퀘이사는 백엔드 서비스를 호출합니다.

백엔드 서비스와 프런트엔드 서비스가 서로 다른 포트와 서로 다른 IP 주소에 있지만

'Access-Control-Allow-Origin' 헤더가 없습니다. 요청한 리소스

오류는 현재 교차 도메인 액세스가 지원되지 않음을 의미합니다.

그래서 문서의 요구사항에 따라 먼저 프록시를 구성한 후 헤더를 수정하려고 했으나, 여전히 백엔드 서비스에 접속하지 못하고 위와 같은 크로스 도메인 오류가 발생했습니다.

나중에는 옵션이 부족해서 백엔드에 koa2를 사용했기 때문에 백엔드에 koa2-cors 모듈을 추가하고 설치했습니다. . . . 도메인 간 문제가 해결되었습니다! ! !