你如何強制Vue使用v-bind顯示虛假屬性？

Question

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

我試圖綁定aria-expanded一個下拉菜單的狀態。不幸的是，當使用屏幕閱讀器（對於視障者）時，聽寫並不表示它是非擴展下拉菜單，因爲移除了錯誤的屬性。

有什麼辦法可以強迫虛假的屬性留下來嗎？

Answer 1

貌似從W3C spec的aria-expanded值可以是真或假。所以在你的模板中你可以做到這一點。

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

工作example。

Answer 2

我只是假設active是可變的，最直接的答案是!!active