我正在使用 Vuetify v-menu 來顯示國家/地區選擇。在 v-chip 標題旁邊是一個向下的 V 形。當我單擊芯片以激活選單時，我希望 V 形更改為向上 V 形。我想在插槽處于活動狀態時切換 v 圖示。我嘗試了各種口味，我可以發誓我從一個作業專案中得到了這段代碼。但圖示永遠不會改變。
<template v-slot:activator="{ on }">
<v-chip label v-on="on" >
U.S. CANADA & CROSS BORDERS
<v-icon right v-if="on">mdi-chevron-up</v-icon>
<v-icon right v-else>mdi-chevron-down</v-icon>
</v-chip>
</template>
如果事件發生，我如何獲得 isActive 屬性？
uj5u.com熱心網友回復：
activator 有另一個名為 value 的屬性，它是 boolean ：
<template v-slot:activator="{ on,value }">
<v-chip label v-on="on" >
U.S. CANADA & CROSS BORDERS
<v-icon right v-if="value">mdi-chevron-up</v-icon>
<v-icon right v-else>mdi-chevron-down</v-icon>
</v-chip>
</template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/338432.html
標籤：Vue.js vuetify.js