Vue: 동적 속성 이름은 Vue.js 문서에 설명된 대로 인식되지 않습니다.

에 만든 2019년 02월 21일 · 3코멘트 · 출처: vuejs/vue

버전

2.6.6

재생산 링크

https://jsfiddle.net/ferpzqvx/2/

재현 단계

값이 href 데이터 속성 attrName 로 Vue 앱을 만듭니다.
다음 속성 bind v-bind:[attrName]=some-link 하여 <a> HTML 태그를 만듭니다.

무엇을 기대합니까?

여기에 설정된 기대치에 따라 DOM이 다음과 유사한 출력을 생성할 것으로 예상했습니다.

<a href="www.google.com">Website</a>

또는

낙타 사례가 나오지 않도록 문서를 수정해야 한다고 예상할 수 있었다.

실제로 무슨 일이 일어나고 있습니까?

attrname 가 존재하지 않는다는 콘솔과 함께 위의 작업은 실패합니다.

attrname 는 작성된 코드의 어디에도 없는 소문자입니다.

출처

rustysys-dev

가장 유용한 댓글

@posva 감사합니다. 예, vuejs.org repo를 확인하고 문제가 해결되지 않으면 그곳에서 새 문제를 열겠습니다.

편집: 결국 풀 요청을 생성했으며 병합 대기 중입니다! 다시 한 번 감사합니다!

rustysys-dev 에 2019년 02월 21일

❤3

모든 3 댓글

젠장, 이것은 정말로 docs.we에서 업데이트되어야 합니다. 우리는 html 템플릿에서 camelCase 변수를 사용할 수 없습니다. 메모를 통해 이를 반영해야 합니다. Vue 파일 및 문자열 템플릿에서만 작동합니다. vuejs.org 리포지토리에 문제가 있는지 확인하고 그렇지 않은 경우 새로 여시겠습니까? 대신 pull 요청을 만들고 싶다면 그것도 좋을 것입니다.

posva 에 2019년 02월 21일

@posva 감사합니다. 예, vuejs.org repo를 확인하고 문제가 해결되지 않으면 그곳에서 새 문제를 열겠습니다.

편집: 결국 풀 요청을 생성했으며 병합 대기 중입니다! 다시 한 번 감사합니다!

rustysys-dev 에 2019년 02월 21일

❤3

https://github.com/vuejs/vuejs.org/commit/50589c52d89e06a4ee14c950d550c6f235125940에 메모 추가

yyx990803 에 2019년 02월 21일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급