Saya mahu menukar tema secara dinamik. Saya takrifkan lightTheme
和 darkTheme
li
export default createVuetify({ theme: { defaultTheme: "lightTheme", themes: { lightTheme: { dark: false, colors: { primary: "#ad1c3d", "page-header-background": "#d7d7ce", "page-background": "#cdcdc1", "table-header": "#cdcdc1", background: "#c0c0b5", "header-background": "#b5b5a6", "info-text": "#666660", }, }, darkTheme: { dark: true, colors: { primary: "#52E3C2", "page-header-background": "#282831", "page-background": "#32323E", "table-header": "#2e2e2e", background: "#3F3F4A", "header-background": "#4a4a59", "info-text": "#99999F", }, }, }, }, });
Contoh yang boleh saya gunakan this.$vuetify.theme
访问主题,但是我找不到如何在运行时更改主题。 Vuetify 2
中执行此操作的方法有所不同。我找不到任何 Vuetify 3
.
Apakah cara yang betul untuk menukar tema secara dinamik dalam Vuetify 3
?
Dokumentasi nampaknya tidak betul. Dokumentasi mengatakan untuk menggunakan
Tetapi sebenarnya adalah