Vuetify有条件的黑暗主题

Question

我正在使用Vuetify来创建我的社交媒体网站.我现在面临的问题是我想使用暗属性,因此用户可以在正常和黑暗主题之间切换.问题是我不能使用任何Vue的条件渲染方法,因为dark不是你可以绑定的属性.以下是您用于应用黑暗主题的代码部分:

<v-app dark>

Answer 1

是dark或light不是正常属性,它们props可以取值,在这种情况下true或false

你可以在vuetify的文档中找到它.

道具是用于与子组件通信的属性.并以前缀为前缀,:以区别于正常属性.

来到解决方案.

<v-app :dark="true"> 

要么

<v-app :dark="false"> 

您可以使用任何反应数据选项或计算属性替换try或false,以便以编程方式更改主题.