Vuetifyの属性を表示/非表示させたい

Question

Vuetifyの属性を表示/非表示させたい

環境

• Vue 2.6.11
• Vuetify 2.3.15

質問内容

Vuetifyを利用してます。

下記のv-navigationタグのdark属性を、ボタンタップ等で表示/非表示できるようにしたいのですが、
やり方が分からず困っております。

こういった処理はできず、v-bind:classなどを使用して、cssを動的に変更させるなどの方法のほうがいいのでしょうか？
それとも何か良い方法があるのでしょうか？
何卒ご教示いただきたく存じます。よろしくお願いいたします。

// Vue CLIのテンプレート 一部抜粋
<template>
  <v-navigation-drawer app dark>
  （省略）
  </v-navigation-drawer>
</template>

Answer 1

:属性名="true|false"

でオンオフできるかと思います

Comments

[Suumon]

そうか…こうやってv-bindを使うのか。。

ご回答いただき、ありがとうございます。
無事解決いたしました。