v-bind를 사용하여 Vue가 거짓 특성을 표시하도록 강제하려면 어떻게 합니까?

v-bind를 사용하여 Vue가 거짓 특성을 표시하도록 강제하려면 어떻게 합니까?

<button class="navbar__dropdown-toggle" :aria-expanded="active"></button>

결속하려고 합니다.aria-expanded드롭다운 메뉴 상태로 이동합니다.안타깝게도 화면 리더를 사용할 때(시각 장애인을 위해) 잘못된 속성이 제거되므로, 받아쓰기는 확장되지 않은 드롭다운 메뉴로 표시되지 않습니다.

falsey 속성을 강제로 남길 수 있는 방법이 있나요?

W3C 사양에서 보면aria-expandedtrue 또는 false일 수 있습니다.템플릿에서 이 작업을 수행할 수 있습니다.

<button class="navbar__dropdown-toggle" :aria-expanded="active ? 'true' : 'false'">expanded</button>

작업 예

당신의 부울 값이 있다고 가정하면, 나는 다음을 사용하는 것을 선호합니다.toString():

<button class="navbar__dropdown-toggle" :aria-expanded="active.toString()"></button>

그것은 짧고 아마도 다른 예들보다 의도가 명확할 것이다.

난 단지 추측할 뿐이다.active변수입니다.가장 간단한 답은!!active

언급URL : https://stackoverflow.com/questions/45204191/how-do-you-force-vue-to-show-falsey-attributes-using-v-bind