Vuetify условная темная тема

Question

Я использую Vuetify для создания своего сайта в социальных сетях. Проблема, с которой я сейчас сталкиваюсь, заключается в том, что я хочу использовать атрибут dark, чтобы пользователь мог переключаться между обычной и темной темами. Дело в том, что я не могу использовать ни один из методов условного рендеринга Vue, поскольку dark - это не тот атрибут, который вы можете связать. Ниже приведена часть кода, которую вы используете для применения темной темы:

<v-app dark>

Answer 1

Да dark или light не являются обычными атрибутами, они props, которые могут принимать значения, в данном случае true или false

Вы можете найти это в документации vuetify.

Реквизиты - это свойства, которые используются для связи с дочерними компонентами. И имеют префикс :, чтобы отличить его от обычных свойств.

Подходим к решению.

<v-app :dark="true"> 

или

<v-app :dark="false"> 

Вы можете заменить try или false на любые параметры реактивных данных или вычисленные свойства, чтобы тема изменилась программно.