인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

Vue.js - Django 연동 웹 프로그래밍

a 태그 관련 문의드립니다.

해결된 질문

20.01.19 13:02 작성

·

214

0

제가 다른 페이지로 링크를 위해 예를 들어 아래와 같이 작성을 했는데요.

<div v-for="test in tests">

     <a href="{% url 'aa:aa-list' [[test.id]] %}>링크</a>

</div>

이런 경우 [[test.id]]가 django template에 적용이 안되는거 같은데

혹시 해결할 수 있는 방법이 있을까요? ㅠㅠ

답변 1

1

김석훈님의 프로필 이미지
김석훈
지식공유자

2020. 01. 20. 15:27

[[ test.id ]] 문구는 Vue 문법이므로 안되는 것입니다.

장고 컨텍스트 변수를 views.py 파일에서 받아서(예, dj_test), 그 변수를 사용해야 합니다. (예, {{ dj_test.id }})

다만, 저는 *.html 파일에서 장고 문법과 Vue 문법을 혼용하는 것을 권장하지 않습니다.

그래서 *.html 파일에서 Vue 문법만을 사용해서,

href 대신에 vue.js 의 v-on:click="함수명" 와 같은 클릭 이벤트를 시도해 보기를 권합니다.

감사합니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기